:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.TableNoWrapValue__tableNoWrapValue__csR3v {
  white-space: nowrap;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.AbsentValue__absentValue__ST1Q5 {
  color: var(--storm);
}

/* For some reason getting these into the global namespace can only be done from this file. */
:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}
:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}
/* ----------------------------------------------------------------------------- */
/* SIZES */
/* ----------------------------------------------------------------------------- */
:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}
:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.TextareaSafariProbe__textareaSafariProbe__pnFSx{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;position:fixed;top:-10000px}.TextareaSafariProbe__probe__oRzIv{font-family:Arial;font-size:11px;border:none;border-radius:0;margin:0;padding:0;outline:none;line-height:1;border-style:dashed}
.ShadedLoadable__shadedLoadable__2DmiE {
  position: relative;
  min-height: 28px;
}

.ShadedLoadable__shadedLoadable__2DmiE.ShadedLoadable__isShown__zmhdy {
    opacity: .3;
    pointer-events: none;
  }

.ShadedLoadable__overlay__-Tp6b {
  position: absolute;
  z-index: 11;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Spinner__spinner__I-pCA{display:inline-block;width:24px;height:24px}.Spinner__medium__fILgH{width:24px;height:24px}.Spinner__middle__8EFOp{width:32px;height:32px}.Spinner__large__M8Oed{width:42px;height:42px}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.Icon__icon__BJWj0 {
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.Icon__innerSvg__puP\+o {
  width: 100%;
  height: 100%;
}

.Icon__rotating__Olbdg {
  animation: Icon__rotation__WhW9L 1s linear infinite;
}

@keyframes Icon__rotation__WhW9L {
  to {
    transform: rotate(1turn);
  }
}

.Icon__playable__twHUF {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-position: 0 50%;
  background-size: 4800%;
  animation: Icon__play__nGK2R 1s steps(47) forwards;
}

@keyframes Icon__play__nGK2R {
  to {
    background-position: 100% 50%;
  }
}

.Icon__lastFrame__EBLAw {
  background-position: 100% 50%;
}

.DefaultPreloader__defaultPreloader__Q6jzu {
  position: relative;
  min-height: 6.9rem;
}

.LoadingOverlay__loadingOverlay__oR6IS {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255,255,255,.5);
}

.LoadingOverlay__transparent__kyAWc {
  background-color: initial;
}

.LoadingOverlay__asColumn__z5VEG {
  flex-flow: column;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Flex__flex__QoSXr{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-flex-basis:100%;flex-basis:100%}.Flex__flex__QoSXr.Flex__verticallyCenter__zAFh3.Flex__horizontallyCenter__0X7BG{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.Flex__flex__QoSXr.Flex__verticallyCenter__zAFh3{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.Flex__flex__QoSXr.Flex__horizontallyCenter__0X7BG{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.Flex__flex__QoSXr:not(.Flex__vertical__1Kb7a).Flex__alignRight__Jt85U{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.Flex__vertical__1Kb7a{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.Flex__vertical__1Kb7a.Flex__verticallyCenter__zAFh3{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:inherit;-moz-box-align:inherit;-o-box-align:inherit;-ms-flex-align:inherit;-webkit-align-items:inherit;align-items:inherit}.Flex__vertical__1Kb7a.Flex__horizontallyCenter__0X7BG{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:inherit;-moz-box-pack:inherit;-o-box-pack:inherit;-ms-flex-pack:inherit;-webkit-justify-content:inherit;justify-content:inherit}.Flex__vertical__1Kb7a.Flex__vertical__1Kb7a.Flex__alignRight__Jt85U{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}@media screen and (max-width: 768px){.Flex__responsive__YIK9I{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.Flex__lowElevation__0pVO7{box-shadow:.5px 1px 1px var(--lowShadow)}.Flex__mediumElevation__vcs6P{box-shadow:1px 2px 2px var(--mediumShadow),2px 4px 4px var(--mediumShadow),3px 6px 6px var(--mediumShadow)}.Flex__highElevation__KFU5i{box-shadow:1px 2px 2px var(--highShadow),2px 4px 4px var(--highShadow),4px 8px 8px var(--highShadow),8px 16px 16px var(--highShadow),16px 32px 32px var(--highShadow)}.Flex__none__mTnES{gap:0}.Flex__micro__YLHFF{gap:4px}.Flex__tiny__02v-m{gap:8px}.Flex__small__sIZjA{gap:12px}.Flex__defaultSize__VyB9R{gap:16px}.Flex__medium__ZKjGk{gap:24px}.Flex__large__e2kB4{gap:32px}.Flex__xlarge__tkyu6{gap:48px}.Flex__huge__MRiAm{gap:64px}.Flex__spread__rk6Ft{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.Flex__padded__1TxgU.Flex__nonePadding__BzjA3{padding:0}.Flex__padded__1TxgU.Flex__nonePadding__BzjA3.Flex__rounded__o7Qgg{border-radius:1px}.Flex__padded__1TxgU.Flex__microPadding__2IrNZ{padding:4px}.Flex__padded__1TxgU.Flex__microPadding__2IrNZ.Flex__rounded__o7Qgg{border-radius:1px}.Flex__padded__1TxgU.Flex__tinyPadding__bo7vj{padding:8px}.Flex__padded__1TxgU.Flex__tinyPadding__bo7vj.Flex__rounded__o7Qgg{border-radius:2px}.Flex__padded__1TxgU.Flex__smallPadding__zggcJ{padding:12px}.Flex__padded__1TxgU.Flex__smallPadding__zggcJ.Flex__rounded__o7Qgg{border-radius:3px}.Flex__padded__1TxgU.Flex__defaultSizePadding__P9FDj{padding:16px}.Flex__padded__1TxgU.Flex__defaultSizePadding__P9FDj.Flex__rounded__o7Qgg{border-radius:4px}.Flex__padded__1TxgU.Flex__mediumPadding__ymtrC{padding:24px}.Flex__padded__1TxgU.Flex__mediumPadding__ymtrC.Flex__rounded__o7Qgg{border-radius:6px}.Flex__padded__1TxgU.Flex__largePadding__3qPHT{padding:32px}.Flex__padded__1TxgU.Flex__largePadding__3qPHT.Flex__rounded__o7Qgg{border-radius:8px}.Flex__padded__1TxgU.Flex__xlargePadding__j2t45{padding:48px}.Flex__padded__1TxgU.Flex__xlargePadding__j2t45.Flex__rounded__o7Qgg{border-radius:12px}.Flex__padded__1TxgU.Flex__hugePadding__DZRSj{padding:64px}.Flex__padded__1TxgU.Flex__hugePadding__DZRSj.Flex__rounded__o7Qgg{border-radius:16px}.Flex__padded__1TxgU.Flex__responsivePadding__qM8kV{padding-top:16px;padding-bottom:16px;padding-right:16px;padding-left:16px}@media screen and (min-width: 768px){.Flex__padded__1TxgU.Flex__responsivePadding__qM8kV{padding-top:24px}}@media screen and (min-width: 768px){.Flex__padded__1TxgU.Flex__responsivePadding__qM8kV{padding-bottom:24px}}@media screen and (max-width: 375px){.Flex__padded__1TxgU.Flex__responsivePadding__qM8kV{padding-right:12px}}@media screen and (min-width: 768px){.Flex__padded__1TxgU.Flex__responsivePadding__qM8kV{padding-right:24px}}@media screen and (max-width: 375px){.Flex__padded__1TxgU.Flex__responsivePadding__qM8kV{padding-left:12px}}@media screen and (min-width: 768px){.Flex__padded__1TxgU.Flex__responsivePadding__qM8kV{padding-left:24px}}.Flex__padded__1TxgU.Flex__responsivePadding__qM8kV.Flex__rounded__o7Qgg{border-radius:4px}.Flex__padded__1TxgU.Flex__largeResponsivePadding__cEmto{padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px}@media screen and (min-width: 375px){.Flex__padded__1TxgU.Flex__largeResponsivePadding__cEmto{padding-left:16px;padding-right:16px}}@media screen and (min-width: 768px){.Flex__padded__1TxgU.Flex__largeResponsivePadding__cEmto{padding-left:24px;padding-right:24px}}@media screen and (min-width: 375px){.Flex__padded__1TxgU.Flex__largeResponsivePadding__cEmto{padding-top:16px;padding-bottom:16px}}@media screen and (min-width: 768px){.Flex__padded__1TxgU.Flex__largeResponsivePadding__cEmto{padding-top:24px;padding-bottom:24px}}.Flex__padded__1TxgU.Flex__largeResponsivePadding__cEmto.Flex__rounded__o7Qgg{border-radius:6px}.Flex__marginBottom__1-wbF.Flex__noneMarginBottom__YSwVt{margin-bottom:0}.Flex__marginBottom__1-wbF.Flex__microMarginBottom__-OI6B{margin-bottom:4px}.Flex__marginBottom__1-wbF.Flex__tinyMarginBottom__xA9KX{margin-bottom:8px}.Flex__marginBottom__1-wbF.Flex__smallMarginBottom__Suwr4{margin-bottom:12px}.Flex__marginBottom__1-wbF.Flex__defaultSizeMarginBottom__P1TB3{margin-bottom:16px}.Flex__marginBottom__1-wbF.Flex__mediumMarginBottom__IuB2\+{margin-bottom:24px}.Flex__marginBottom__1-wbF.Flex__largeMarginBottom__94XWY{margin-bottom:32px}.Flex__marginBottom__1-wbF.Flex__xlargeMarginBottom__VujN8{margin-bottom:48px}.Flex__marginBottom__1-wbF.Flex__hugeMarginBottom__m1wBX{margin-bottom:64px}.Flex__rounded__o7Qgg{content:''}.Flex__shrinkHeight__NGBZB{height:fit-content}.Flex__shrinkWidth__3j7Ru{width:fit-content;-webkit-flex-basis:auto;flex-basis:auto}.Flex__fullWidth__x-tDM{width:100%}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.themes__action__Z4QUw,.themes__blue__\+o3jT,.themes__cyan__O4JzM,.themes__green__A\+wCa,.themes__orange__HdnEm,.themes__yellow__OTL2Z,.themes__danger__VCQ5W,.themes__alert__9GYB4,.themes__oxford__ukdnN,.themes__coral__qf-dM,.themes__merlot__ElbHP,.themes__midnight__zBAmm,.themes__creditCard__etCxq{border:1px solid var(--defaultColor);background:var(--defaultColor);color:#fff}.themes__action__Z4QUw.themes__clickable__p6xDG:hover,.themes__blue__\+o3jT.themes__clickable__p6xDG:hover,.themes__cyan__O4JzM.themes__clickable__p6xDG:hover,.themes__green__A\+wCa.themes__clickable__p6xDG:hover,.themes__orange__HdnEm.themes__clickable__p6xDG:hover,.themes__yellow__OTL2Z.themes__clickable__p6xDG:hover,.themes__danger__VCQ5W.themes__clickable__p6xDG:hover,.themes__alert__9GYB4.themes__clickable__p6xDG:hover,.themes__oxford__ukdnN.themes__clickable__p6xDG:hover,.themes__coral__qf-dM.themes__clickable__p6xDG:hover,.themes__merlot__ElbHP.themes__clickable__p6xDG:hover,.themes__midnight__zBAmm.themes__clickable__p6xDG:hover,.themes__creditCard__etCxq.themes__clickable__p6xDG:hover{box-shadow:0 2px 0 0 var(--darkColor)}.themes__action__Z4QUw.themes__clickable__p6xDG:active:not(.themes__textOnly__x9LPG),.themes__blue__\+o3jT.themes__clickable__p6xDG:active:not(.themes__textOnly__x9LPG),.themes__cyan__O4JzM.themes__clickable__p6xDG:active:not(.themes__textOnly__x9LPG),.themes__green__A\+wCa.themes__clickable__p6xDG:active:not(.themes__textOnly__x9LPG),.themes__orange__HdnEm.themes__clickable__p6xDG:active:not(.themes__textOnly__x9LPG),.themes__yellow__OTL2Z.themes__clickable__p6xDG:active:not(.themes__textOnly__x9LPG),.themes__danger__VCQ5W.themes__clickable__p6xDG:active:not(.themes__textOnly__x9LPG),.themes__alert__9GYB4.themes__clickable__p6xDG:active:not(.themes__textOnly__x9LPG),.themes__oxford__ukdnN.themes__clickable__p6xDG:active:not(.themes__textOnly__x9LPG),.themes__coral__qf-dM.themes__clickable__p6xDG:active:not(.themes__textOnly__x9LPG),.themes__merlot__ElbHP.themes__clickable__p6xDG:active:not(.themes__textOnly__x9LPG),.themes__midnight__zBAmm.themes__clickable__p6xDG:active:not(.themes__textOnly__x9LPG),.themes__creditCard__etCxq.themes__clickable__p6xDG:active:not(.themes__textOnly__x9LPG){box-shadow:none;-webkit-transform:translateY(.5px);-moz-transform:translateY(.5px);-o-transform:translateY(.5px);-ms-transform:translateY(.5px);transform:translateY(.5px)}.themes__action__Z4QUw.themes__notification__wAnsI,.themes__blue__\+o3jT.themes__notification__wAnsI,.themes__cyan__O4JzM.themes__notification__wAnsI,.themes__green__A\+wCa.themes__notification__wAnsI,.themes__orange__HdnEm.themes__notification__wAnsI,.themes__yellow__OTL2Z.themes__notification__wAnsI,.themes__danger__VCQ5W.themes__notification__wAnsI,.themes__alert__9GYB4.themes__notification__wAnsI,.themes__oxford__ukdnN.themes__notification__wAnsI,.themes__coral__qf-dM.themes__notification__wAnsI,.themes__merlot__ElbHP.themes__notification__wAnsI,.themes__midnight__zBAmm.themes__notification__wAnsI,.themes__creditCard__etCxq.themes__notification__wAnsI{border:none}.themes__action__Z4QUw.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__blue__\+o3jT.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__cyan__O4JzM.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__green__A\+wCa.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__orange__HdnEm.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__yellow__OTL2Z.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__danger__VCQ5W.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__alert__9GYB4.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__oxford__ukdnN.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__coral__qf-dM.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__merlot__ElbHP.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__midnight__zBAmm.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__creditCard__etCxq.themes__notification__wAnsI [role='dismiss-button']:hover{background:var(--lightColor)}.themes__action__Z4QUw.themes__notification__wAnsI [role='dismiss-button']:active,.themes__blue__\+o3jT.themes__notification__wAnsI [role='dismiss-button']:active,.themes__cyan__O4JzM.themes__notification__wAnsI [role='dismiss-button']:active,.themes__green__A\+wCa.themes__notification__wAnsI [role='dismiss-button']:active,.themes__orange__HdnEm.themes__notification__wAnsI [role='dismiss-button']:active,.themes__yellow__OTL2Z.themes__notification__wAnsI [role='dismiss-button']:active,.themes__danger__VCQ5W.themes__notification__wAnsI [role='dismiss-button']:active,.themes__alert__9GYB4.themes__notification__wAnsI [role='dismiss-button']:active,.themes__oxford__ukdnN.themes__notification__wAnsI [role='dismiss-button']:active,.themes__coral__qf-dM.themes__notification__wAnsI [role='dismiss-button']:active,.themes__merlot__ElbHP.themes__notification__wAnsI [role='dismiss-button']:active,.themes__midnight__zBAmm.themes__notification__wAnsI [role='dismiss-button']:active,.themes__creditCard__etCxq.themes__notification__wAnsI [role='dismiss-button']:active{background:var(--lightestColor);color:var(--defaultColor)}.themes__action__Z4QUw:not(.themes__insight__-KUSd):not(.themes__hollow__qyuaM):not(.themes__textOnly__x9LPG):not(.themes__notification__wAnsI) h4,.themes__blue__\+o3jT:not(.themes__insight__-KUSd):not(.themes__hollow__qyuaM):not(.themes__textOnly__x9LPG):not(.themes__notification__wAnsI) h4,.themes__cyan__O4JzM:not(.themes__insight__-KUSd):not(.themes__hollow__qyuaM):not(.themes__textOnly__x9LPG):not(.themes__notification__wAnsI) h4,.themes__green__A\+wCa:not(.themes__insight__-KUSd):not(.themes__hollow__qyuaM):not(.themes__textOnly__x9LPG):not(.themes__notification__wAnsI) h4,.themes__orange__HdnEm:not(.themes__insight__-KUSd):not(.themes__hollow__qyuaM):not(.themes__textOnly__x9LPG):not(.themes__notification__wAnsI) h4,.themes__yellow__OTL2Z:not(.themes__insight__-KUSd):not(.themes__hollow__qyuaM):not(.themes__textOnly__x9LPG):not(.themes__notification__wAnsI) h4,.themes__danger__VCQ5W:not(.themes__insight__-KUSd):not(.themes__hollow__qyuaM):not(.themes__textOnly__x9LPG):not(.themes__notification__wAnsI) h4,.themes__alert__9GYB4:not(.themes__insight__-KUSd):not(.themes__hollow__qyuaM):not(.themes__textOnly__x9LPG):not(.themes__notification__wAnsI) h4,.themes__oxford__ukdnN:not(.themes__insight__-KUSd):not(.themes__hollow__qyuaM):not(.themes__textOnly__x9LPG):not(.themes__notification__wAnsI) h4,.themes__coral__qf-dM:not(.themes__insight__-KUSd):not(.themes__hollow__qyuaM):not(.themes__textOnly__x9LPG):not(.themes__notification__wAnsI) h4,.themes__merlot__ElbHP:not(.themes__insight__-KUSd):not(.themes__hollow__qyuaM):not(.themes__textOnly__x9LPG):not(.themes__notification__wAnsI) h4,.themes__midnight__zBAmm:not(.themes__insight__-KUSd):not(.themes__hollow__qyuaM):not(.themes__textOnly__x9LPG):not(.themes__notification__wAnsI) h4,.themes__creditCard__etCxq:not(.themes__insight__-KUSd):not(.themes__hollow__qyuaM):not(.themes__textOnly__x9LPG):not(.themes__notification__wAnsI) h4{color:rgba(255,255,255,0.75)}.themes__action__Z4QUw.themes__insight__-KUSd,.themes__blue__\+o3jT.themes__insight__-KUSd,.themes__cyan__O4JzM.themes__insight__-KUSd,.themes__green__A\+wCa.themes__insight__-KUSd,.themes__orange__HdnEm.themes__insight__-KUSd,.themes__yellow__OTL2Z.themes__insight__-KUSd,.themes__danger__VCQ5W.themes__insight__-KUSd,.themes__alert__9GYB4.themes__insight__-KUSd,.themes__oxford__ukdnN.themes__insight__-KUSd,.themes__coral__qf-dM.themes__insight__-KUSd,.themes__merlot__ElbHP.themes__insight__-KUSd,.themes__midnight__zBAmm.themes__insight__-KUSd,.themes__creditCard__etCxq.themes__insight__-KUSd{background:#fff;color:var(--defaultColor)}.themes__action__Z4QUw.themes__outlined__9V5ti,.themes__blue__\+o3jT.themes__outlined__9V5ti,.themes__cyan__O4JzM.themes__outlined__9V5ti,.themes__green__A\+wCa.themes__outlined__9V5ti,.themes__orange__HdnEm.themes__outlined__9V5ti,.themes__yellow__OTL2Z.themes__outlined__9V5ti,.themes__danger__VCQ5W.themes__outlined__9V5ti,.themes__alert__9GYB4.themes__outlined__9V5ti,.themes__oxford__ukdnN.themes__outlined__9V5ti,.themes__coral__qf-dM.themes__outlined__9V5ti,.themes__merlot__ElbHP.themes__outlined__9V5ti,.themes__midnight__zBAmm.themes__outlined__9V5ti,.themes__creditCard__etCxq.themes__outlined__9V5ti{border-color:var(--darkestColor)}.themes__action__Z4QUw.themes__outlined__9V5ti.themes__clickable__p6xDG:hover,.themes__blue__\+o3jT.themes__outlined__9V5ti.themes__clickable__p6xDG:hover,.themes__cyan__O4JzM.themes__outlined__9V5ti.themes__clickable__p6xDG:hover,.themes__green__A\+wCa.themes__outlined__9V5ti.themes__clickable__p6xDG:hover,.themes__orange__HdnEm.themes__outlined__9V5ti.themes__clickable__p6xDG:hover,.themes__yellow__OTL2Z.themes__outlined__9V5ti.themes__clickable__p6xDG:hover,.themes__danger__VCQ5W.themes__outlined__9V5ti.themes__clickable__p6xDG:hover,.themes__alert__9GYB4.themes__outlined__9V5ti.themes__clickable__p6xDG:hover,.themes__oxford__ukdnN.themes__outlined__9V5ti.themes__clickable__p6xDG:hover,.themes__coral__qf-dM.themes__outlined__9V5ti.themes__clickable__p6xDG:hover,.themes__merlot__ElbHP.themes__outlined__9V5ti.themes__clickable__p6xDG:hover,.themes__midnight__zBAmm.themes__outlined__9V5ti.themes__clickable__p6xDG:hover,.themes__creditCard__etCxq.themes__outlined__9V5ti.themes__clickable__p6xDG:hover{background:var(--lightColor)}.themes__action__Z4QUw.themes__hollow__qyuaM,.themes__blue__\+o3jT.themes__hollow__qyuaM,.themes__cyan__O4JzM.themes__hollow__qyuaM,.themes__green__A\+wCa.themes__hollow__qyuaM,.themes__orange__HdnEm.themes__hollow__qyuaM,.themes__yellow__OTL2Z.themes__hollow__qyuaM,.themes__danger__VCQ5W.themes__hollow__qyuaM,.themes__alert__9GYB4.themes__hollow__qyuaM,.themes__oxford__ukdnN.themes__hollow__qyuaM,.themes__coral__qf-dM.themes__hollow__qyuaM,.themes__merlot__ElbHP.themes__hollow__qyuaM,.themes__midnight__zBAmm.themes__hollow__qyuaM,.themes__creditCard__etCxq.themes__hollow__qyuaM{color:var(--defaultColor)}.themes__action__Z4QUw.themes__hollow__qyuaM.themes__clickable__p6xDG:hover,.themes__blue__\+o3jT.themes__hollow__qyuaM.themes__clickable__p6xDG:hover,.themes__cyan__O4JzM.themes__hollow__qyuaM.themes__clickable__p6xDG:hover,.themes__green__A\+wCa.themes__hollow__qyuaM.themes__clickable__p6xDG:hover,.themes__orange__HdnEm.themes__hollow__qyuaM.themes__clickable__p6xDG:hover,.themes__yellow__OTL2Z.themes__hollow__qyuaM.themes__clickable__p6xDG:hover,.themes__danger__VCQ5W.themes__hollow__qyuaM.themes__clickable__p6xDG:hover,.themes__alert__9GYB4.themes__hollow__qyuaM.themes__clickable__p6xDG:hover,.themes__oxford__ukdnN.themes__hollow__qyuaM.themes__clickable__p6xDG:hover,.themes__coral__qf-dM.themes__hollow__qyuaM.themes__clickable__p6xDG:hover,.themes__merlot__ElbHP.themes__hollow__qyuaM.themes__clickable__p6xDG:hover,.themes__midnight__zBAmm.themes__hollow__qyuaM.themes__clickable__p6xDG:hover,.themes__creditCard__etCxq.themes__hollow__qyuaM.themes__clickable__p6xDG:hover{border-color:var(--defaultColor);background:var(--lightestColor);color:#fff}.themes__action__Z4QUw.themes__hollow__qyuaM.themes__clickable__p6xDG:active,.themes__blue__\+o3jT.themes__hollow__qyuaM.themes__clickable__p6xDG:active,.themes__cyan__O4JzM.themes__hollow__qyuaM.themes__clickable__p6xDG:active,.themes__green__A\+wCa.themes__hollow__qyuaM.themes__clickable__p6xDG:active,.themes__orange__HdnEm.themes__hollow__qyuaM.themes__clickable__p6xDG:active,.themes__yellow__OTL2Z.themes__hollow__qyuaM.themes__clickable__p6xDG:active,.themes__danger__VCQ5W.themes__hollow__qyuaM.themes__clickable__p6xDG:active,.themes__alert__9GYB4.themes__hollow__qyuaM.themes__clickable__p6xDG:active,.themes__oxford__ukdnN.themes__hollow__qyuaM.themes__clickable__p6xDG:active,.themes__coral__qf-dM.themes__hollow__qyuaM.themes__clickable__p6xDG:active,.themes__merlot__ElbHP.themes__hollow__qyuaM.themes__clickable__p6xDG:active,.themes__midnight__zBAmm.themes__hollow__qyuaM.themes__clickable__p6xDG:active,.themes__creditCard__etCxq.themes__hollow__qyuaM.themes__clickable__p6xDG:active{border:1px solid transparent;background:var(--lightestColor);color:#fff}.themes__action__Z4QUw.themes__textOnly__x9LPG,.themes__blue__\+o3jT.themes__textOnly__x9LPG,.themes__cyan__O4JzM.themes__textOnly__x9LPG,.themes__green__A\+wCa.themes__textOnly__x9LPG,.themes__orange__HdnEm.themes__textOnly__x9LPG,.themes__yellow__OTL2Z.themes__textOnly__x9LPG,.themes__danger__VCQ5W.themes__textOnly__x9LPG,.themes__alert__9GYB4.themes__textOnly__x9LPG,.themes__oxford__ukdnN.themes__textOnly__x9LPG,.themes__coral__qf-dM.themes__textOnly__x9LPG,.themes__merlot__ElbHP.themes__textOnly__x9LPG,.themes__midnight__zBAmm.themes__textOnly__x9LPG,.themes__creditCard__etCxq.themes__textOnly__x9LPG{color:var(--defaultColor)}.themes__action__Z4QUw.themes__textOnly__x9LPG.themes__clickable__p6xDG:hover,.themes__blue__\+o3jT.themes__textOnly__x9LPG.themes__clickable__p6xDG:hover,.themes__cyan__O4JzM.themes__textOnly__x9LPG.themes__clickable__p6xDG:hover,.themes__green__A\+wCa.themes__textOnly__x9LPG.themes__clickable__p6xDG:hover,.themes__orange__HdnEm.themes__textOnly__x9LPG.themes__clickable__p6xDG:hover,.themes__yellow__OTL2Z.themes__textOnly__x9LPG.themes__clickable__p6xDG:hover,.themes__danger__VCQ5W.themes__textOnly__x9LPG.themes__clickable__p6xDG:hover,.themes__alert__9GYB4.themes__textOnly__x9LPG.themes__clickable__p6xDG:hover,.themes__oxford__ukdnN.themes__textOnly__x9LPG.themes__clickable__p6xDG:hover,.themes__coral__qf-dM.themes__textOnly__x9LPG.themes__clickable__p6xDG:hover,.themes__merlot__ElbHP.themes__textOnly__x9LPG.themes__clickable__p6xDG:hover,.themes__midnight__zBAmm.themes__textOnly__x9LPG.themes__clickable__p6xDG:hover,.themes__creditCard__etCxq.themes__textOnly__x9LPG.themes__clickable__p6xDG:hover{color:var(--darkColor)}.themes__action__Z4QUw.themes__textOnly__x9LPG.themes__clickable__p6xDG:active,.themes__blue__\+o3jT.themes__textOnly__x9LPG.themes__clickable__p6xDG:active,.themes__cyan__O4JzM.themes__textOnly__x9LPG.themes__clickable__p6xDG:active,.themes__green__A\+wCa.themes__textOnly__x9LPG.themes__clickable__p6xDG:active,.themes__orange__HdnEm.themes__textOnly__x9LPG.themes__clickable__p6xDG:active,.themes__yellow__OTL2Z.themes__textOnly__x9LPG.themes__clickable__p6xDG:active,.themes__danger__VCQ5W.themes__textOnly__x9LPG.themes__clickable__p6xDG:active,.themes__alert__9GYB4.themes__textOnly__x9LPG.themes__clickable__p6xDG:active,.themes__oxford__ukdnN.themes__textOnly__x9LPG.themes__clickable__p6xDG:active,.themes__coral__qf-dM.themes__textOnly__x9LPG.themes__clickable__p6xDG:active,.themes__merlot__ElbHP.themes__textOnly__x9LPG.themes__clickable__p6xDG:active,.themes__midnight__zBAmm.themes__textOnly__x9LPG.themes__clickable__p6xDG:active,.themes__creditCard__etCxq.themes__textOnly__x9LPG.themes__clickable__p6xDG:active{color:var(--lightColor)}.themes__lightCyan__CoOVK,.themes__lightRed__MKDyK,.themes__lightBlue__B8-Ip,.themes__lightGreen__Pm-oN,.themes__lightOrange__6\+BKf,.themes__darkCyan__bIcVj,.themes__darkRed__thZex,.themes__darkBlue__pv99p,.themes__darkGreen__TG90l,.themes__darkOrange__uzhme,.themes__snow__5WUMu,.themes__stone__bRUVN,.themes__info__3ihcX{background:var(--lightestColor);color:var(--darkColor)}.themes__lightCyan__CoOVK.themes__clickable__p6xDG:hover,.themes__lightRed__MKDyK.themes__clickable__p6xDG:hover,.themes__lightBlue__B8-Ip.themes__clickable__p6xDG:hover,.themes__lightGreen__Pm-oN.themes__clickable__p6xDG:hover,.themes__lightOrange__6\+BKf.themes__clickable__p6xDG:hover,.themes__darkCyan__bIcVj.themes__clickable__p6xDG:hover,.themes__darkRed__thZex.themes__clickable__p6xDG:hover,.themes__darkBlue__pv99p.themes__clickable__p6xDG:hover,.themes__darkGreen__TG90l.themes__clickable__p6xDG:hover,.themes__darkOrange__uzhme.themes__clickable__p6xDG:hover,.themes__snow__5WUMu.themes__clickable__p6xDG:hover,.themes__stone__bRUVN.themes__clickable__p6xDG:hover,.themes__info__3ihcX.themes__clickable__p6xDG:hover{box-shadow:0 2px 0 0 var(--darkColor)}.themes__lightCyan__CoOVK:not(.themes__textOnly__x9LPG).themes__clickable__p6xDG:active,.themes__lightRed__MKDyK:not(.themes__textOnly__x9LPG).themes__clickable__p6xDG:active,.themes__lightBlue__B8-Ip:not(.themes__textOnly__x9LPG).themes__clickable__p6xDG:active,.themes__lightGreen__Pm-oN:not(.themes__textOnly__x9LPG).themes__clickable__p6xDG:active,.themes__lightOrange__6\+BKf:not(.themes__textOnly__x9LPG).themes__clickable__p6xDG:active,.themes__darkCyan__bIcVj:not(.themes__textOnly__x9LPG).themes__clickable__p6xDG:active,.themes__darkRed__thZex:not(.themes__textOnly__x9LPG).themes__clickable__p6xDG:active,.themes__darkBlue__pv99p:not(.themes__textOnly__x9LPG).themes__clickable__p6xDG:active,.themes__darkGreen__TG90l:not(.themes__textOnly__x9LPG).themes__clickable__p6xDG:active,.themes__darkOrange__uzhme:not(.themes__textOnly__x9LPG).themes__clickable__p6xDG:active,.themes__snow__5WUMu:not(.themes__textOnly__x9LPG).themes__clickable__p6xDG:active,.themes__stone__bRUVN:not(.themes__textOnly__x9LPG).themes__clickable__p6xDG:active,.themes__info__3ihcX:not(.themes__textOnly__x9LPG).themes__clickable__p6xDG:active{box-shadow:none;background:var(--lightColor)}.themes__lightCyan__CoOVK.themes__notification__wAnsI,.themes__lightRed__MKDyK.themes__notification__wAnsI,.themes__lightBlue__B8-Ip.themes__notification__wAnsI,.themes__lightGreen__Pm-oN.themes__notification__wAnsI,.themes__lightOrange__6\+BKf.themes__notification__wAnsI,.themes__darkCyan__bIcVj.themes__notification__wAnsI,.themes__darkRed__thZex.themes__notification__wAnsI,.themes__darkBlue__pv99p.themes__notification__wAnsI,.themes__darkGreen__TG90l.themes__notification__wAnsI,.themes__darkOrange__uzhme.themes__notification__wAnsI,.themes__snow__5WUMu.themes__notification__wAnsI,.themes__stone__bRUVN.themes__notification__wAnsI,.themes__info__3ihcX.themes__notification__wAnsI{color:var(--darkestColor)}.themes__lightCyan__CoOVK.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__lightRed__MKDyK.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__lightBlue__B8-Ip.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__lightGreen__Pm-oN.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__lightOrange__6\+BKf.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__darkCyan__bIcVj.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__darkRed__thZex.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__darkBlue__pv99p.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__darkGreen__TG90l.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__darkOrange__uzhme.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__snow__5WUMu.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__stone__bRUVN.themes__notification__wAnsI [role='dismiss-button']:hover,.themes__info__3ihcX.themes__notification__wAnsI [role='dismiss-button']:hover{background:var(--lightColor)}.themes__lightCyan__CoOVK.themes__notification__wAnsI [role='dismiss-button']:active,.themes__lightRed__MKDyK.themes__notification__wAnsI [role='dismiss-button']:active,.themes__lightBlue__B8-Ip.themes__notification__wAnsI [role='dismiss-button']:active,.themes__lightGreen__Pm-oN.themes__notification__wAnsI [role='dismiss-button']:active,.themes__lightOrange__6\+BKf.themes__notification__wAnsI [role='dismiss-button']:active,.themes__darkCyan__bIcVj.themes__notification__wAnsI [role='dismiss-button']:active,.themes__darkRed__thZex.themes__notification__wAnsI [role='dismiss-button']:active,.themes__darkBlue__pv99p.themes__notification__wAnsI [role='dismiss-button']:active,.themes__darkGreen__TG90l.themes__notification__wAnsI [role='dismiss-button']:active,.themes__darkOrange__uzhme.themes__notification__wAnsI [role='dismiss-button']:active,.themes__snow__5WUMu.themes__notification__wAnsI [role='dismiss-button']:active,.themes__stone__bRUVN.themes__notification__wAnsI [role='dismiss-button']:active,.themes__info__3ihcX.themes__notification__wAnsI [role='dismiss-button']:active{background:var(--defaultColor);color:var(--lightestColor)}.themes__lightCyan__CoOVK.themes__hollow__qyuaM,.themes__lightRed__MKDyK.themes__hollow__qyuaM,.themes__lightBlue__B8-Ip.themes__hollow__qyuaM,.themes__lightGreen__Pm-oN.themes__hollow__qyuaM,.themes__lightOrange__6\+BKf.themes__hollow__qyuaM,.themes__darkCyan__bIcVj.themes__hollow__qyuaM,.themes__darkRed__thZex.themes__hollow__qyuaM,.themes__darkBlue__pv99p.themes__hollow__qyuaM,.themes__darkGreen__TG90l.themes__hollow__qyuaM,.themes__darkOrange__uzhme.themes__hollow__qyuaM,.themes__snow__5WUMu.themes__hollow__qyuaM,.themes__stone__bRUVN.themes__hollow__qyuaM,.themes__info__3ihcX.themes__hollow__qyuaM{color:var(--darkColor)}.themes__lightCyan__CoOVK.themes__textOnly__x9LPG,.themes__lightRed__MKDyK.themes__textOnly__x9LPG,.themes__lightBlue__B8-Ip.themes__textOnly__x9LPG,.themes__lightGreen__Pm-oN.themes__textOnly__x9LPG,.themes__lightOrange__6\+BKf.themes__textOnly__x9LPG,.themes__darkCyan__bIcVj.themes__textOnly__x9LPG,.themes__darkRed__thZex.themes__textOnly__x9LPG,.themes__darkBlue__pv99p.themes__textOnly__x9LPG,.themes__darkGreen__TG90l.themes__textOnly__x9LPG,.themes__darkOrange__uzhme.themes__textOnly__x9LPG,.themes__snow__5WUMu.themes__textOnly__x9LPG,.themes__stone__bRUVN.themes__textOnly__x9LPG,.themes__info__3ihcX.themes__textOnly__x9LPG{color:var(--defaultColor)}.themes__lightCyan__CoOVK:not(.themes__clickable__p6xDG),.themes__lightRed__MKDyK:not(.themes__clickable__p6xDG),.themes__lightBlue__B8-Ip:not(.themes__clickable__p6xDG),.themes__lightGreen__Pm-oN:not(.themes__clickable__p6xDG),.themes__lightOrange__6\+BKf:not(.themes__clickable__p6xDG),.themes__darkCyan__bIcVj:not(.themes__clickable__p6xDG),.themes__darkRed__thZex:not(.themes__clickable__p6xDG),.themes__darkBlue__pv99p:not(.themes__clickable__p6xDG),.themes__darkGreen__TG90l:not(.themes__clickable__p6xDG),.themes__darkOrange__uzhme:not(.themes__clickable__p6xDG),.themes__snow__5WUMu:not(.themes__clickable__p6xDG),.themes__stone__bRUVN:not(.themes__clickable__p6xDG),.themes__info__3ihcX:not(.themes__clickable__p6xDG),.themes__lightCyan__CoOVK h1,.themes__lightRed__MKDyK h1,.themes__lightBlue__B8-Ip h1,.themes__lightGreen__Pm-oN h1,.themes__lightOrange__6\+BKf h1,.themes__darkCyan__bIcVj h1,.themes__darkRed__thZex h1,.themes__darkBlue__pv99p h1,.themes__darkGreen__TG90l h1,.themes__darkOrange__uzhme h1,.themes__snow__5WUMu h1,.themes__stone__bRUVN h1,.themes__info__3ihcX h1,.themes__lightCyan__CoOVK h2,.themes__lightRed__MKDyK h2,.themes__lightBlue__B8-Ip h2,.themes__lightGreen__Pm-oN h2,.themes__lightOrange__6\+BKf h2,.themes__darkCyan__bIcVj h2,.themes__darkRed__thZex h2,.themes__darkBlue__pv99p h2,.themes__darkGreen__TG90l h2,.themes__darkOrange__uzhme h2,.themes__snow__5WUMu h2,.themes__stone__bRUVN h2,.themes__info__3ihcX h2,.themes__lightCyan__CoOVK h3,.themes__lightRed__MKDyK h3,.themes__lightBlue__B8-Ip h3,.themes__lightGreen__Pm-oN h3,.themes__lightOrange__6\+BKf h3,.themes__darkCyan__bIcVj h3,.themes__darkRed__thZex h3,.themes__darkBlue__pv99p h3,.themes__darkGreen__TG90l h3,.themes__darkOrange__uzhme h3,.themes__snow__5WUMu h3,.themes__stone__bRUVN h3,.themes__info__3ihcX h3,.themes__lightCyan__CoOVK h4,.themes__lightRed__MKDyK h4,.themes__lightBlue__B8-Ip h4,.themes__lightGreen__Pm-oN h4,.themes__lightOrange__6\+BKf h4,.themes__darkCyan__bIcVj h4,.themes__darkRed__thZex h4,.themes__darkBlue__pv99p h4,.themes__darkGreen__TG90l h4,.themes__darkOrange__uzhme h4,.themes__snow__5WUMu h4,.themes__stone__bRUVN h4,.themes__info__3ihcX h4,.themes__lightCyan__CoOVK h5,.themes__lightRed__MKDyK h5,.themes__lightBlue__B8-Ip h5,.themes__lightGreen__Pm-oN h5,.themes__lightOrange__6\+BKf h5,.themes__darkCyan__bIcVj h5,.themes__darkRed__thZex h5,.themes__darkBlue__pv99p h5,.themes__darkGreen__TG90l h5,.themes__darkOrange__uzhme h5,.themes__snow__5WUMu h5,.themes__stone__bRUVN h5,.themes__info__3ihcX h5,.themes__lightCyan__CoOVK h6,.themes__lightRed__MKDyK h6,.themes__lightBlue__B8-Ip h6,.themes__lightGreen__Pm-oN h6,.themes__lightOrange__6\+BKf h6,.themes__darkCyan__bIcVj h6,.themes__darkRed__thZex h6,.themes__darkBlue__pv99p h6,.themes__darkGreen__TG90l h6,.themes__darkOrange__uzhme h6,.themes__snow__5WUMu h6,.themes__stone__bRUVN h6,.themes__info__3ihcX h6{color:var(--darkColor)}.themes__lightCyan__CoOVK p,.themes__lightRed__MKDyK p,.themes__lightBlue__B8-Ip p,.themes__lightGreen__Pm-oN p,.themes__lightOrange__6\+BKf p,.themes__darkCyan__bIcVj p,.themes__darkRed__thZex p,.themes__darkBlue__pv99p p,.themes__darkGreen__TG90l p,.themes__darkOrange__uzhme p,.themes__snow__5WUMu p,.themes__stone__bRUVN p,.themes__info__3ihcX p{color:var(--darkestColor)}div[data-radix-popper-content-wrapper] .themes__lightCyan__CoOVK,div[data-radix-popper-content-wrapper] .themes__lightRed__MKDyK,div[data-radix-popper-content-wrapper] .themes__lightBlue__B8-Ip,div[data-radix-popper-content-wrapper] .themes__lightGreen__Pm-oN,div[data-radix-popper-content-wrapper] .themes__lightOrange__6\+BKf,div[data-radix-popper-content-wrapper] .themes__darkCyan__bIcVj,div[data-radix-popper-content-wrapper] .themes__darkRed__thZex,div[data-radix-popper-content-wrapper] .themes__darkBlue__pv99p,div[data-radix-popper-content-wrapper] .themes__darkGreen__TG90l,div[data-radix-popper-content-wrapper] .themes__darkOrange__uzhme,div[data-radix-popper-content-wrapper] .themes__snow__5WUMu,div[data-radix-popper-content-wrapper] .themes__stone__bRUVN,div[data-radix-popper-content-wrapper] .themes__info__3ihcX{background:var(--darkestColor);color:#fff}div[data-radix-popper-content-wrapper] .themes__lightCyan__CoOVK svg,div[data-radix-popper-content-wrapper] .themes__lightRed__MKDyK svg,div[data-radix-popper-content-wrapper] .themes__lightBlue__B8-Ip svg,div[data-radix-popper-content-wrapper] .themes__lightGreen__Pm-oN svg,div[data-radix-popper-content-wrapper] .themes__lightOrange__6\+BKf svg,div[data-radix-popper-content-wrapper] .themes__darkCyan__bIcVj svg,div[data-radix-popper-content-wrapper] .themes__darkRed__thZex svg,div[data-radix-popper-content-wrapper] .themes__darkBlue__pv99p svg,div[data-radix-popper-content-wrapper] .themes__darkGreen__TG90l svg,div[data-radix-popper-content-wrapper] .themes__darkOrange__uzhme svg,div[data-radix-popper-content-wrapper] .themes__snow__5WUMu svg,div[data-radix-popper-content-wrapper] .themes__stone__bRUVN svg,div[data-radix-popper-content-wrapper] .themes__info__3ihcX svg{background:none;fill:var(--darkestColor)}.themes__icon__A2HtP{color:#1c2234}.themes__defaultTheme__IGEFx{border-color:transparent;background:none;color:#4d556c}.themes__defaultTheme__IGEFx.themes__textOnly__x9LPG,.themes__defaultTheme__IGEFx.themes__textOnly__x9LPG small{color:#9ca5d9}.themes__action__Z4QUw,.themes__blue__\+o3jT{--textColor:#f0f3ff;--lightestColor:#82aaf9;--lightColor:#5a8ef7;--defaultColor:#3172f5;--darkColor:#275bc4;--darkestColor:#1d4492;--transparentColor:rgba(29,68,146,0.15)}.themes__cyan__O4JzM{--lightestColor:#66c8ec;--lightColor:#33b5e6;--defaultColor:#00a3e0;--darkColor:#0082b3;--darkestColor:#006286;--transparentColor:rgba(0,98,134,0.15)}.themes__green__A\+wCa{--lightestColor:#b9ddae;--lightColor:#72bc5d;--defaultColor:#4fab34;--darkColor:#44932d;--darkestColor:#387a25;--transparentColor:rgba(56,122,37,0.15)}.themes__orange__HdnEm{--lightestColor:#face87;--lightColor:#f7b64b;--defaultColor:#f5a623;--darkColor:#d6901c;--darkestColor:#b77a14;--transparentColor:rgba(183,122,20,0.15)}.themes__yellow__OTL2Z{--lightestColor:#ffe766;--lightColor:#ffdf33;--defaultColor:#ffd700;--darkColor:#dfbc00;--darkestColor:#bfa100;--transparentColor:rgba(191,161,0,0.15)}.themes__danger__VCQ5W,.themes__alert__9GYB4{--lightestColor:#f1a1a1;--lightColor:#e86565;--defaultColor:#e34242;--darkColor:#ae2a2a;--darkestColor:#941e1e;--transparentColor:rgba(148,30,30,0.15)}.themes__golden__wL6KU{background:-webkit-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-moz-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-o-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-ms-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:linear-gradient(-45deg, #f5dd4e, #eaf639, #f8e71c);color:#3c425a}.themes__lightCyan__CoOVK,.themes__darkCyan__bIcVj{--lightestColor:#e7f8ff;--lightColor:#aae3f9;--defaultColor:#66c8ec;--darkColor:#00a3e0;--darkestColor:#006286;--transparentColor:rgba(0,98,134,0.15)}.themes__lightRed__MKDyK,.themes__darkRed__thZex{--lightestColor:#fdf3f3;--lightColor:#f8d0d0;--defaultColor:#f1a1a1;--darkColor:#e34242;--darkestColor:#ae2a2a;--transparentColor:rgba(174,42,42,0.15)}.themes__lightBlue__B8-Ip,.themes__darkBlue__pv99p{--lightestColor:#f0f3ff;--lightColor:#dfe9fd;--defaultColor:#82aaf9;--darkColor:#3172f5;--darkestColor:#1d4492;--transparentColor:rgba(29,68,146,0.15)}.themes__lightGreen__Pm-oN,.themes__darkGreen__TG90l{--lightestColor:#ecf8e8;--lightColor:#d6ebd0;--defaultColor:#b9ddae;--darkColor:#4fab34;--darkestColor:#387a25;--transparentColor:rgba(56,122,37,0.15)}.themes__lightOrange__6\+BKf,.themes__darkOrange__uzhme{--lightestColor:#fef7eb;--lightColor:#fce7c3;--defaultColor:#face87;--darkColor:#d6901c;--darkestColor:#b77a14;--transparentColor:rgba(183,122,20,0.15)}.themes__darkCyan__bIcVj{--defaultColor:#006286}.themes__darkRed__thZex{--defaultColor:#ae2a2a}.themes__darkBlue__pv99p{--defaultColor:#1d4492}.themes__darkGreen__TG90l{--defaultColor:#387a25}.themes__darkOrange__uzhme{--defaultColor:#b77a14}.themes__oxford__ukdnN{--lightestColor:#9ca5d9;--lightColor:#6a78c6;--defaultColor:#495ab9;--darkColor:#6a78c6;--darkestColor:#404fa2;--transparentColor:rgba(64,79,162,0.15)}.themes__coral__qf-dM{--lightestColor:#fbb5b5;--lightColor:#f99d9d;--defaultColor:#f88484;--darkColor:#f99d9d;--darkestColor:#e46565;--transparentColor:rgba(228,101,101,0.15)}.themes__merlot__ElbHP{--lightestColor:#d0a0ae;--lightColor:#c08093;--defaultColor:#b06078;--darkColor:#c08093;--darkestColor:#9c546a;--transparentColor:rgba(156,84,106,0.15)}.themes__snow__5WUMu,.themes__info__3ihcX{--lightestColor:#f5f6f7;--lightColor:#edeff1;--defaultColor:#8c95a5;--darkColor:#3c425a;--darkestColor:#1c2234;--transparentColor:rgba(28,34,52,0.15)}.themes__satin__Hebhw{--defaultColor:#8c95a5;--darkColor:#3c425a;--darkestColor:#1c2234;--transparentColor:rgba(28,34,52,0.15);border:1px solid #6a7185;background:#edeff1;color:#1c2234}.themes__satin__Hebhw i{color:#4d556c}.themes__stone__bRUVN{--lightestColor:#afbac6;--lightColor:#8c95a5;--defaultColor:#6a7185;--darkColor:#4d556c;--darkestColor:#3c425a;--transparentColor:rgba(60,66,90,0.15)}.themes__stone__bRUVN i{color:#fff}.themes__gray__YxDLZ{background:rgba(255,255,255,0.4);color:#3172f5}.themes__darkGray__qvfq2{background:#f4f6fd;color:#4d556c}.themes__darkGray__qvfq2 .themes__icon__A2HtP{color:#4d556c}@media (hover:hover){.themes__darkGray__qvfq2:hover.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG){background:#bbc4cf}.themes__darkGray__qvfq2:active.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG){background:#b7c1cc;color:#fff}}.themes__midnight__zBAmm{--lightestColor:#afbac6;--lightColor:#8c95a5;--defaultColor:#1c2234;--darkColor:#8c95a5;--darkestColor:#4d556c;--transparentColor:rgba(77,85,108,0.15)}.themes__white__6S1G7{background:#fff;color:#3172f5}.themes__darkTransparent__cF\+KK{border:1px solid transparent;background:rgba(0,0,0,0.7);color:#edeff1}.themes__darkTransparent__cF\+KK i{color:#4d556c}@media (hover:hover){.themes__darkTransparent__cF\+KK:hover.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG){background:rgba(0,0,0,0.8)}.themes__darkTransparent__cF\+KK:active.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG){background:#122958}.themes__darkTransparent__cF\+KK:active.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG),.themes__darkTransparent__cF\+KK:active.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG) i{color:#fff}}.themes__card__Eq9RM{border:solid 1px #ced5df;background:#fff;color:#4d556c}.themes__card__Eq9RM h1,.themes__card__Eq9RM h2,.themes__card__Eq9RM h3,.themes__card__Eq9RM h4,.themes__card__Eq9RM h5,.themes__card__Eq9RM h6{color:#1c2234}.themes__creditCard__etCxq{--lightestColor:#66c8ec;--lightColor:#ffe766;--defaultColor:#0b0014;--darkColor:#006286;--darkestColor:#00415a}.themes__creditCard__etCxq h1,.themes__creditCard__etCxq h2,.themes__creditCard__etCxq h3,.themes__creditCard__etCxq h4,.themes__creditCard__etCxq h5,.themes__creditCard__etCxq h6{color:var(--lightColor)}.themes__info__3ihcX{border:solid 1px #ced5df;border-radius:2px;background:#f5f6f7}.themes__goal__rYJsX{border:1px solid #44932d;background:#ecf8e8;color:#1c2234}.themes__goal__rYJsX.themes__textOnly__x9LPG{color:#44932d}.themes__goal__rYJsX[role='progressbar']{background:#b9ddae}.themes__goal__rYJsX i{color:#44932d}@media (hover:hover){.themes__goal__rYJsX:hover.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG){background:#aae09a}.themes__goal__rYJsX:active.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG){background:#45962d;color:#fff}.themes__goal__rYJsX:active.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG) i{color:#fff}}.themes__event__RNn6c{border:1px solid #6a7185;background:#edeff1;color:#1c2234}.themes__event__RNn6c i{color:#6a7185}@media (hover:hover){.themes__event__RNn6c:hover.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG){background:#ced5df}.themes__event__RNn6c:active.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG){background:#6a7185}.themes__event__RNn6c:active.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG),.themes__event__RNn6c:active.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG) i{color:#fff}}.themes__advisorTopicSelected__imZu4{border:1px solid #ffd700;background:#2c325e;color:#fff}.themes__advisorTopicSelected__imZu4 i{color:#ffd700}.themes__advisorTopic__LseMr{border:1px solid transparent;background:#ebedf7;color:#1c2234;-webkit-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54)}.themes__advisorTopic__LseMr i{color:#404fa2}@media (hover:hover){.themes__advisorTopic__LseMr:hover.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG){background:#404fa2;color:#fff}.themes__advisorTopic__LseMr:hover.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG) i{color:#ffd700}.themes__advisorTopic__LseMr:active.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG){border:1px solid #ffd700;background:#2c325e;color:#fff}.themes__advisorTopic__LseMr:active.themes__clickable__p6xDG:not(.themes__textOnly__x9LPG) i{color:#ffd700}}.themes__premium__K6KWW:not(.themes__textOnly__x9LPG){background:#495ab9}.themes__premium__K6KWW.themes__textOnly__x9LPG{color:#ffd700}.themes__solid__IL0c2{content:''}.themes__outlined__9V5ti{border:1px solid currentColor}.themes__insight__-KUSd{border-left:8px solid currentColor}.themes__notification__wAnsI{border-bottom:1px solid currentColor}.themes__hollow__qyuaM p,.themes__insight__-KUSd p,.themes__textOnly__x9LPG p{color:#4d556c}.themes__hollow__qyuaM{border:1px solid currentColor;background:none}.themes__textOnly__x9LPG,.themes__textOnlyBig__XPlt6{border-color:transparent;background:none}.themes__clickable__p6xDG{will-change:color,background,box-shadow,border,transform;-webkit-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -webkit-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-moz-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -moz-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-o-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -o-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-ms-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -ms-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.InputLayout__inputLayout__c6e4y{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:4px;color:#4d556c;position:relative;margin-bottom:16px;-webkit-transition:border 250ms cubic-bezier(0.42, 0, 0.58, 1);-moz-transition:border 250ms cubic-bezier(0.42, 0, 0.58, 1);-o-transition:border 250ms cubic-bezier(0.42, 0, 0.58, 1);-ms-transition:border 250ms cubic-bezier(0.42, 0, 0.58, 1);transition:border 250ms cubic-bezier(0.42, 0, 0.58, 1)}.InputLayout__inputLayout__c6e4y.InputLayout__horizontal__DOnCD{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:fit-content;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.InputLayout__inputLayout__c6e4y.InputLayout__horizontal__DOnCD .InputLayout__inputWrapper__TuM7P{width:auto;margin-left:8px;margin-top:0}.InputLayout__inputLayout__c6e4y.InputLayout__horizontal__DOnCD [role='label']{width:100%}.InputLayout__inputWrapper__TuM7P,.InputLayout__inputWrapper__TuM7P div[role='radiogroup']{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;position:relative;margin-top:2px;width:100%;z-index:1}.InputLayout__inputWrapper__TuM7P > label,.InputLayout__inputWrapper__TuM7P div[role='radiogroup'] > label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.InputLayout__inputWrapper__TuM7P input,.InputLayout__inputWrapper__TuM7P div[role='radiogroup'] input{width:100%}.InputLayout__inputWrapper__TuM7P input.InputLayout__isHighlighted__-x7a9,.InputLayout__inputWrapper__TuM7P div[role='radiogroup'] input.InputLayout__isHighlighted__-x7a9,.InputLayout__inputWrapper__TuM7P input:hover,.InputLayout__inputWrapper__TuM7P div[role='radiogroup'] input:hover{border:1px solid #3172f5;outline:1px solid #3172f5}.InputLayout__inputWrapper__TuM7P input > div > small,.InputLayout__inputWrapper__TuM7P div[role='radiogroup'] input > div > small{display:block;margin-top:2px}.InputLayout__inputWrapper__TuM7P div[role='radiogroup'] > input:hover,.InputLayout__inputWrapper__TuM7P div[role='radiogroup'] label:hover{color:#3172f5}.InputLayout__inputWrapper__TuM7P label:hover input[type='checkbox'] ~ div{color:#3172f5}.InputLayout__inputWrapper__TuM7P.InputLayout__horizontal__DOnCD div[role='radiogroup']{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.InputLayout__inputLayout__c6e4y small.InputLayout__error__NyOiC{bottom:0;color:#ae2a2a;cursor:pointer;position:absolute}.InputLayout__dynamicHeight__Y7dpJ{margin-bottom:0}.InputLayout__dynamicHeight__Y7dpJ small.InputLayout__error__NyOiC{position:relative;bottom:20px}.InputLayout__label__LSJQV{color:#1d4492;font-weight:500}.InputLayout__note__5o33S{color:#8c95a5}.InputLayout__units__baWEf{position:absolute;bottom:0;right:8px;color:#8c95a5;pointer-events:none;font-size:11px;height:32px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:right;-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-o-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.InputLayout__bare__ZtaRK{content:''}.InputLayout__outlined__ZdgCj .InputLayout__inputWrapper__TuM7P div[role='radiogroup'] > label{width:100%;border:1px solid #ced5df;background:#fafbff;border-radius:6px;padding:6px 8px}.InputLayout__outlined__ZdgCj.InputLayout__hasError__HKHa8 input{border:1px solid #e34242}.InputLayout__underlined__O90iV .InputLayout__inputWrapper__TuM7P{border-bottom:1px solid #ced5df}.InputLayout__underlined__O90iV.InputLayout__hasError__HKHa8 input{border-color:#e34242}.InputLayout__disabled__a6PwC{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);pointer-events:none}.InputLayout__hasError__HKHa8 .InputLayout__inputWrapper__TuM7P input{box-shadow:inset 0 2px 4px rgba(227,66,66,0.35)}.InputLayout__hasError__HKHa8 .InputLayout__label__LSJQV{color:#e34242}.InputLayout__isActive__Gyk71.InputLayout__textInputMode__ylxwO .InputLayout__label__LSJQV{color:#3172f5}.InputLayout__clickable__gKvpN{cursor:pointer}.InputLayout__fitContent__smQlp .InputLayout__inputWrapper__TuM7P{width:fit-content}.InputLayout__fitContent__smQlp .InputLayout__inputWrapper__TuM7P > input{width:fit-content}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Input__input__Cojzg{content:''}.Input__input__Cojzg,button[role='radio'],button[role='switch'],button[role='checkbox']{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;border:1px solid #ced5df;background:#fafbff;color:#1c2234;box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);-webkit-transition:outline 250ms cubic-bezier(0.42, 0, 0.58, 1), box-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1), opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);-moz-transition:outline 250ms cubic-bezier(0.42, 0, 0.58, 1), box-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1), opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);-o-transition:outline 250ms cubic-bezier(0.42, 0, 0.58, 1), box-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1), opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);-ms-transition:outline 250ms cubic-bezier(0.42, 0, 0.58, 1), box-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1), opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);transition:outline 250ms cubic-bezier(0.42, 0, 0.58, 1), box-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1), opacity 250ms cubic-bezier(0.42, 0, 0.58, 1)}.Input__input__Cojzg:focus-visible,button[role='radio']:focus-visible,button[role='switch']:focus-visible,button[role='checkbox']:focus-visible{border:1px solid #3172f5;box-shadow:inset 0 2px 4px rgba(49,114,245,0.35)}.Input__input__Cojzg{padding:8px;padding-bottom:6px;outline:none !important;border-radius:4px;font-weight:400;font-family:var(--sans);gap:8px}.Input__input__Cojzg .Input__label__PmMd0{cursor:pointer}.Input__input__Cojzg::placeholder{color:#8c95a5;opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);-webkit-transition:opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);-moz-transition:opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);-o-transition:opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);-ms-transition:opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);transition:opacity 250ms cubic-bezier(0.42, 0, 0.58, 1)}.Input__input__Cojzg:focus::placeholder{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}@media screen and (min-width: 768px){.Input__input__Cojzg{outline:transparent auto 1px}.Input__input__Cojzg:focus-visible{outline:#3172f5 auto 1px}}button[role='radio'],button[role='switch'],button[role='checkbox']{-webkit-flex-shrink:0;flex-shrink:0;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:0;width:24px;height:24px;cursor:pointer;background:#fff}button[role='radio'] span,button[role='switch'] span,button[role='checkbox'] span{display:block;-webkit-flex-shrink:0;flex-shrink:0;width:12px;height:12px;background:#3172f5}button[role='radio']:hover,button[role='switch']:hover,button[role='checkbox']:hover{box-shadow:inset 0 2px 4px rgba(49,114,245,0.35)}button[role='switch'] span,button[role='radio'],button[role='radio'] span[data-state='checked']{border-radius:50%}button[role='checkbox'] span[data-state='checked']{-webkit-transform-origin:bottom left;-moz-transform-origin:bottom left;-o-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}button[role='checkbox'][data-state='checked'],button[role='radio'][data-state='checked']{border-color:#3172f5}button[role='switch']{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:start;justify-content:start;border-radius:12px;width:40px}button[role='switch'][data-state='checked']{background:#3172f5}button[role='switch'][data-state='checked']:hover span{-webkit-transform:translateX(16px);-moz-transform:translateX(16px);-o-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}button[role='switch']:hover span{-webkit-transform:translateX(1px);-moz-transform:translateX(1px);-o-transform:translateX(1px);-ms-transform:translateX(1px);transform:translateX(1px)}button[role='switch'] span{width:16px;height:16px;margin-left:2px;-webkit-transition:-webkit-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:-moz-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:-o-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:-ms-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54)}button[role='switch'] span[data-state='checked']{-webkit-transform:translateX(17px);-moz-transform:translateX(17px);-o-transform:translateX(17px);-ms-transform:translateX(17px);transform:translateX(17px);background:#edeff1}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Select__select__sjp5b{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Select__labelInput__ayM16{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Dropdown__dropdown__gHGXA{border:1px solid #ced5df;border-radius:4px;background-color:#fff}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ItemPlain__itemPlain__PSCzN{padding:5px 8px;background:#f0f3ff;color:#4d556c;font-family:"sans", "Arial", sans-serif;font-size:inherit;font-weight:400;letter-spacing:-.2px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.ItemPlain__itemPlain__PSCzN.ItemPlain__highlighted__xC17-,.ItemPlain__itemPlain__PSCzN.ItemPlain__selected__qJQHb{background-color:#dfe9fd;color:#3172f5}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FitToHeight__fitToHeight__m-CQi{position:absolute;width:100%;max-height:var(--height);z-index:2;overflow:hidden;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.FitToHeight__fitToHeight__m-CQi.FitToHeight__containWidth__HTAma{width:auto}.FitToHeight__fitToHeight__m-CQi.FitToHeight__above__8Xdlu{bottom:100%}.FitToHeight__fitToHeight__m-CQi.FitToHeight__bellow__iMEag{top:100%}.FitToHeight__viewport__j2RsA{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;position:relative;min-height:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

/**
 * Copy-pasted and rewritten from here:
 * https://github.com/rommguy/react-custom-scroll
 */

:root {
  --custom-scroll-vertical-offset: 1px;
  --handle-margin-horizontal-mobile: 2px;
  --handle-margin-horizontal: 3px;
}

.Scrollable__flexBoxStyles__ygaTG {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.Scrollable__customScroll__z9jja,
.Scrollable__outerContainer__\+Tm0q,
.Scrollable__innerContainer__C1hgg {
  flex-grow: 1;
  height: 100%;
  max-height: inherit;
  border-radius: inherit;
}

.Scrollable__customScroll__z9jja.Scrollable__flexBox__bzrWX,
.Scrollable__flexBox__bzrWX .Scrollable__outerContainer__\+Tm0q,
.Scrollable__flexBox__bzrWX .Scrollable__innerContainer__C1hgg {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.Scrollable__customScroll__z9jja {
  min-width: 0;
  min-height: 0;
}

.Scrollable__customScroll__z9jja.Scrollable__scrollHandleDragged__j3qqh .Scrollable__innerContainer__C1hgg {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

.Scrollable__customScroll__z9jja.Scrollable__scrollHandleDragged__j3qqh .Scrollable__customScrollbar__eoxwr {
    opacity: 1;
  }

.Scrollable__outerContainer__\+Tm0q {
  position: relative;
}

.Scrollable__outerContainer__\+Tm0q:hover .Scrollable__customScrollbar__eoxwr {
    opacity: 1;
    transition-duration: .2s;
  }

.Scrollable__outerContainer__\+Tm0q.Scrollable__fadeTop__51PYQ::before,
  .Scrollable__outerContainer__\+Tm0q.Scrollable__fadeBottom__9F4WE::after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    display: block;
    width: 100%;
    height: 24px;
  }

.Scrollable__outerContainer__\+Tm0q.Scrollable__fadeTop__51PYQ::before {
    top: 0;
    background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  }

.Scrollable__outerContainer__\+Tm0q.Scrollable__fadeBottom__9F4WE::after {
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  }

.Scrollable__innerContainer__C1hgg {
  overflow-x: hidden;
  overflow-y: scroll;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
}

.Scrollable__innerContainer__C1hgg::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .05) 60%, transparent 100%);
    transition: height .1s ease-in;
    will-change: height;
    pointer-events: none;
  }

/* for Mac OS X support */

.Scrollable__innerContainer__C1hgg::-webkit-scrollbar {
    width: 0;
  }

.Scrollable__innerContainer__C1hgg.Scrollable__contentScrolled__BAuDr::after {
    height: 5px;
    transition: height .15s ease-out;
  }

.Scrollable__customScrollbar__eoxwr {
  position: absolute;
  z-index: 1;
  right: var(--handle-margin-horizontal-mobile);
  width: 3px;
  height: 100%;
  box-sizing: border-box;
  padding: var(--custom-scroll-vertical-offset) 0;
  opacity: 0;
  transition: opacity .4s ease-out;
  will-change: opacity;
  pointer-events: none;
}

.Scrollable__customScrollbar__eoxwr.Scrollable__customScrollbarShownAlways__nUSiD {
    opacity: 1;
  }

@media (min-width: 1024px) {

.Scrollable__customScrollbar__eoxwr {
    right: var(--handle-margin-horizontal);
    width: 6px;
}
  }

.Scrollable__customScrollHandle__A6NhJ {
  position: absolute;
  top: 0;
  width: 100%;
}

.Scrollable__innerHandle__s6CkV {
  height: calc(100% - (var(--custom-scroll-vertical-offset) * 2));
  margin-top: var(--custom-scroll-vertical-offset);
  border-radius: 1px;
  background-color: rgba(127, 127, 127, .5);
}

@media (min-width: 1024px) {

.Scrollable__innerHandle__s6CkV {
    border-radius: 3px;
}
  }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.DropdownPreset__dropdownPreset__r19E9{min-height:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;overflow:hidden;border-top-left-radius:0;border-top-right-radius:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureInput__genericInput__cZS1B{border:1px solid;margin:0;outline:none;height:32px;padding:0 4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border-radius:4px;font-family:"sans", "Arial", sans-serif;font-size:18px;color:#3e4c74;background-color:#fafbff;border-color:#ced5df;line-height:32px;padding-top:4px}@media screen and (min-width: 768px){.FutureInput__genericInput__cZS1B{padding-top:0}}.FutureInput__active__HiaAM{color:#121622;border-color:#3172f5}.FutureInput__error__6F408{border-color:#de2121}.FutureInput__disabled__Rxl6S{pointer-events:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureSelectInput__futureSelectInput__3cMch{position:relative}.FutureSelectInput__futureSelectInput__3cMch::after{content:'';display:block;border:7px solid transparent;border-top-color:#3172f5;position:absolute;right:9px;top:12px;pointer-events:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureInputDecoration__label__RocEj{color:#1c2234;font-size:14px;font-weight:500}.FutureInputDecoration__isDisabled__cCCmI{pointer-events:none;opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65);cursor:default}.FutureInputDecoration__regular__6Po5a{color:#1c2234}.FutureInputDecoration__member__ZhI-2{color:#2a3369}.FutureInputDecoration__green__GaUZZ{color:#2b5f1c}.FutureInputDecoration__orange__GQm5b{color:#825408}.FutureInputDecoration__income__efGBP{content:''}.FutureInputDecoration__note__53wvk{color:#6a7185}.FutureInputDecoration__units__qCLJ3{color:#8c95a5}.FutureInputDecoration__active__p7lG5{color:#3172f5}.FutureInputDecoration__active__p7lG5.FutureInputDecoration__regular__6Po5a,.FutureInputDecoration__active__p7lG5.FutureInputDecoration__member__ZhI-2,.FutureInputDecoration__active__p7lG5.FutureInputDecoration__green__GaUZZ,.FutureInputDecoration__active__p7lG5.FutureInputDecoration__orange__GQm5b{color:#3172f5}.FutureInputDecoration__error__mXXLl{color:#ae2a2a}.FutureInputDecoration__error__mXXLl.FutureInputDecoration__regular__6Po5a,.FutureInputDecoration__error__mXXLl.FutureInputDecoration__member__ZhI-2,.FutureInputDecoration__error__mXXLl.FutureInputDecoration__green__GaUZZ,.FutureInputDecoration__error__mXXLl.FutureInputDecoration__orange__GQm5b{color:#ae2a2a}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureInputLayout__futureInputLayout__trlgS{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;cursor:pointer}.FutureInputLayout__label__VCoiS{height:16px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-shrink:0;flex-shrink:0;margin-bottom:2px}.FutureInputLayout__content__KGY7h{-webkit-flex-shrink:0;flex-shrink:0;margin-top:4px;position:relative}.FutureInputLayout__note__trPqf,.FutureInputLayout__error__\+Gn92{white-space:pre-wrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;font-size:12px;line-height:1.4}.FutureInputLayout__note__trPqf{margin-bottom:2px}.FutureInputLayout__error__\+Gn92{color:#e34242;margin-top:8px}.FutureInputLayout__disabled__\+I06M{pointer-events:none;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}.FutureInputLayout__units__harn6{font-size:11px;position:absolute;bottom:0;left:88px;width:32px;height:32px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:right;line-height:1;-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);pointer-events:none}
/* For some reason getting these into the global namespace can only be done from this file. */
:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}
:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}
/* ----------------------------------------------------------------------------- */
/* SIZES */
/* ----------------------------------------------------------------------------- */
:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}
:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}
@font-face {
  font-family: "serif";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/TiemposHeadline-Light.woff") format("woff");
}
@font-face {
  font-family: "serif";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/TiemposText-Regular.woff") format("woff");
}
@font-face {
  font-family: "serif";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/TiemposHeadline-Medium.woff") format("woff");
}
@font-face {
  font-family: "sans";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/Graphik-Medium.woff") format("woff");
}
@font-face {
  font-family: "sans";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/Graphik-Semibold.woff") format("woff");
}
@font-face {
  font-family: "sans";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/Graphik-Bold.woff") format("woff");
}
@font-face {
  font-family: "sans";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/Graphik-Regular.woff") format("woff");
}
@font-face {
  font-family: "AtlasGrotesk";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/AtlasGrotesk-Regular.woff") format("woff");
}
@font-face {
  font-family: "AtlasGrotesk";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/AtlasGrotesk-Medium.woff") format("woff");
}
@font-face {
  font-family: "AtlasGrotesk";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/AtlasGrotesk-Bold.woff") format("woff");
}
.font-faces__serif__XseuP {
  font-family: var(--serif-fallback);
}
.fontSans .font-faces__serif__XseuP {
    font-family: var(--serif-web);
  }
.font-faces__serifLight__iGPdI {
  font-weight: var(--light);
}
.font-faces__serifRegular__wxRr3 {
  font-weight: var(--regular);
}
.font-faces__serifMedium__n-4rV {
  font-weight: var(--medium);
}
.font-faces__sans__uCf65 {
  font-family: var(--sans-fallback);
}
.fontSans .font-faces__sans__uCf65 {
    font-family: var(--sans-web);
  }
.font-faces__sansLight__-1Yzy {
  font-weight: var(--light);
}
.font-faces__sansRegular__c8KXl {
  font-weight: var(--regular);
}
.font-faces__sansMedium__DqLMY {
  font-weight: var(--medium);
}
.font-faces__sansSemibold__K6NQF {
  font-weight: var(--semi-bold);
}
.font-faces__sansBold__vF\+EN {
  font-weight: var(--bold);
}
.font-faces__atlasGrotesk__rYPJr {
  font-family: var(--atlas-grotesk-fallback);
}
.fontGrotesk .font-faces__atlasGrotesk__rYPJr {
    font-family: var(--atlas-grotesk-web);
  }
.font-faces__atlasGroteskRegular__J2QD8 {
  font-weight: var(--regular);
}
.font-faces__atlasGroteskMedium__1ilbx {
  font-weight: var(--medium);
}
.font-faces__atlasGroteskBold__jZ5W5 {
  font-weight: var(--bold);
}
@font-face {
  font-family: 'text-security-disc';
  src: url('/fonts/text-security-disc-compat.eot');
  src: url('/fonts/text-security-disc-compat.eot?#iefix') format('embedded-opentype'),
    url('/fonts/text-security-disc.woff2') format('woff2'),
    url('/fonts/text-security-disc-compat.ttf') format('truetype');
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.Checkbox__checkbox__wweuP {
  text-align: left;
  display: block;
}

.Checkbox__input__x0nIS {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  opacity: 0;
}

.Checkbox__label__x07ar {
  display: flex;
  align-items: center;
  color: inherit;
  font-size: .875rem;
  line-height: 1.25;
  cursor: pointer;
}

.Checkbox__mark__\+r1s7 {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  margin-right: .7rem;
  border-radius: var(--border-radius);
  box-shadow: inset 0 0 0 2px var(--action);
}

.Checkbox__input__x0nIS:checked ~ .Checkbox__mark__\+r1s7 {
    box-shadow:
      inset 0 0 0 1px var(--action),
      inset 0 0 0 .21rem var(--snow),
      inset 0 0 0 1rem var(--action);
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

/*
 ** Reset
 */

/* stylelint-disable */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
  }

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
  }

body {
    line-height: 1;
  }

ol, ul {
    list-style: none;
  }

blockquote, q {
    quotes: none;
  }

blockquote::before, blockquote::after, q::before, q::after {
    content: '';
  }

table {
    border-collapse: collapse;
    border-spacing: 0;
  }

svg {
    overflow: visible;
    width: 100%;
    height: 100%;
  }

input[type="text"]::-ms-clear, input[type="password"]::-ms-clear {
      display: none;
      width:0;
      height:0;
    }

/* stylelint-enable */

/*
 * Global Styles
 *
 * TODO decouple styles & tags
 */

html {
    overflow-x: hidden;
    /* Prevent font scaling in landscape while allowing user zoom [FRO-1158] */
    -webkit-text-size-adjust: 100%;
  }

/* fix for Firefox: FRO-603 */

*::-moz-focus-inner {
    border: 0;
  }

body {
    margin: 0;
    padding: 0;
    /* hack to prevent overflow, feel free to fix it in normal way: https://tangle.atlassian.net/browse/FRO-1590 */
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--heading-text-color);
    font-family: var(--sans);
    /*
      this background thing is introduced by https://tangle.atlassian.net/browse/FRO-372
      but it works badly (a summary page has this background) so it should be implemented more intelligently
    */
    /* background-color: var(--slate); */

    /*
      MS Edge only
      From here: https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/
    */
  }

@supports (-ms-ime-align:auto) {

body {
      /*
        I don't know why but "position: relative;" fixes bug in ms edge when internal sidebar jitters
        From here: https://stackoverflow.com/questions/19377810/ie-10-11-make-fixed-backgrounds-jump-when-scrolling-with-mouse-wheel#answer-21996699
      */
      position: relative;
  }
    }

body.isStatusApp {
      min-height: 100vh;
    }

/* IE11 is missing User Agent Style for main element */

main {
    display: block;
  }

ul, li {
    margin: 0;
    padding: 0;
  }

strong {
    font-weight: var(--semi-bold);
  }

a {
    color: var(--action);
    text-decoration: none;
    cursor: pointer;
    transition: color var(--fast) var(--ease-out-quint);
  }

@media (hover: hover) {
      a:hover {
        color: color(var(--action) l(+10));
      }
    }

h1, h2, h3, h4, h5, h6 {
    color: var(--heading-text-color)
  }

/* Buttons */

button {
    position: relative;
    padding: .6rem 1.3rem;
    border: 0;
    border-radius: .1rem;
    background: transparent;
    color: var(--light-text-color);
    font-family: var(--sans);
    font-weight: var(--semi-bold);
    font-size: .6rem;
    text-transform: uppercase;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
    transition:
      color var(--fast) var(--ease-out-quint),
      transform var(--fast) var(--ease-out-quint);
  }

/**
       * FRO-758 Buttons are not clickable around the edges
       * NB: this does not fix the issue in Firefox
       */

button:not(:disabled):active::before {
        transform: scale(var(--button-active-antiscale));
      }

/**
     * FRO-758
     * pseudo-element must present in DOM before the button gets :active state,
     * otherwise the click event is not fired at all when clicking on button text in Safari
     */

button::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

@font-face {
  font-family: "serif";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/TiemposHeadline-Light.woff") format("woff");
}

@font-face {
  font-family: "serif";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/TiemposText-Regular.woff") format("woff");
}

@font-face {
  font-family: "serif";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/TiemposHeadline-Medium.woff") format("woff");
}

@font-face {
  font-family: "sans";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/Graphik-Medium.woff") format("woff");
}

@font-face {
  font-family: "sans";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/Graphik-Semibold.woff") format("woff");
}

@font-face {
  font-family: "sans";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/Graphik-Bold.woff") format("woff");
}

@font-face {
  font-family: "sans";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/Graphik-Regular.woff") format("woff");
}

@font-face {
  font-family: "AtlasGrotesk";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/AtlasGrotesk-Regular.woff") format("woff");
}

@font-face {
  font-family: "AtlasGrotesk";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/AtlasGrotesk-Medium.woff") format("woff");
}

@font-face {
  font-family: "AtlasGrotesk";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/AtlasGrotesk-Bold.woff") format("woff");
}

.App__serif__sJ\+ie {
  font-family: var(--serif-fallback);
}

.fontSans .App__serif__sJ\+ie {
    font-family: var(--serif-web);
  }

.App__serifLight__l1fyU {
  font-weight: var(--light);
}

.App__serifRegular__Aumyr {
  font-weight: var(--regular);
}

.App__serifMedium__HdyQW {
  font-weight: var(--medium);
}

.App__sans__pt\+T2 {
  font-family: var(--sans-fallback);
}

.fontSans .App__sans__pt\+T2 {
    font-family: var(--sans-web);
  }

.App__sansLight__KpCu3 {
  font-weight: var(--light);
}

.App__sansRegular__nyWSH {
  font-weight: var(--regular);
}

.App__sansMedium__ZAU\+h {
  font-weight: var(--medium);
}

.App__sansSemibold__g6Oh0 {
  font-weight: var(--semi-bold);
}

.App__sansBold__geBuk {
  font-weight: var(--bold);
}

.App__atlasGrotesk__nfm6I {
  font-family: var(--atlas-grotesk-fallback);
}

.fontGrotesk .App__atlasGrotesk__nfm6I {
    font-family: var(--atlas-grotesk-web);
  }

.App__atlasGroteskRegular__NDe9i {
  font-weight: var(--regular);
}

.App__atlasGroteskMedium__o9W7X {
  font-weight: var(--medium);
}

.App__atlasGroteskBold__eVPny {
  font-weight: var(--bold);
}

@font-face {
  font-family: 'text-security-disc';
  src: url('/fonts/text-security-disc-compat.eot');
  src: url('/fonts/text-security-disc-compat.eot?#iefix') format('embedded-opentype'),
    url('/fonts/text-security-disc.woff2') format('woff2'),
    url('/fonts/text-security-disc-compat.ttf') format('truetype');
}

:root {
  font-size: 16px;
}

label {
  font-size: 14px;
}

small {
  font-size: 12px;
  line-height: 1.3
}

input,
input[type='checkbox'] + span,
input[type='radio'] + span {
  font-size: 18px;
}

h1, h2 {
  line-height: 1.2
}

h3, h4 {
  line-height: 1.3
}

h5, h6 {
  line-height: 1.4
}

p {
  font-size: 16px;
  line-height: 1.4;
}

/* TODO: any import of .css file inside TextButton.tsx breaks CSS extraction [FRO-1275] */

/* TODO: any import of .css file inside TextButton.tsx breaks CSS extraction [FRO-1275] */

.textButton {
    padding: 0;
    color: var(--action);
    /* TODO use composes */
    font-family: var(--sans);
    font-weight: var(--semi-bold);
    line-height: 1;
    text-align: inherit;
    text-transform: uppercase;
    letter-spacing: .4px;
    transition:
      color var(--fastest) var(--ease-out-quint),
      transform var(--fastest) var(--ease-out-quint);
  }

.textButton:hover {
      color: var(--action-400);
    }

.textButton:active {
      color: var(--action-700);
    }

.textButton[disabled] {
      opacity: .35;
    }

.textButtonSmall {
    font-size: .625rem;
  }

.textButtonSmall.textButtonLowercase {
      font-size: 12px;
    }

.textButtonRegular {
    font-size: 11px;
  }

.textButtonRegular.textButtonLowercase {
      font-size: 14px;
    }

.textButtonLarge {
    font-size: .8rem;
  }

.textButtonLarge.textButtonLowercase {
      font-size: 16px;
    }

.textButtonGray {
    color: var(--smoke);
  }

.textButtonGray:hover {
      color: var(--action);
    }

.textButtonGray:active {
      color: color(var(--action) b(+10));
    }

.textButtonWhite {
    color: var(--salt);
  }

.textButtonWhite:hover, .textButtonWhite:active {
      color: var(--salt);
    }

.textButtonLowercase {
    font-weight: var(--regular);
    text-transform: none;
  }

/* TODO: any import of .css file inside NoAccountsCopy.tsx breaks CSS extraction [FRO-1275] */

.noAccountsCopy {
    display: inline-block;
    text-align: left;
  }

.noAccountsCopyStandalone {
    font: 16px/1.4 'sans';
    letter-spacing: -.5px;
  }

.noAccountsCopyStandalone .noAccountsCopyText {
      display: block;
    }

.noAccountsCopySettingsLink {
    font-size: inherit;
    font-weight: var(--semi-bold);
  }

.noAccountsCopyText {
    display: inline;
  }

.noAccountsCopyText:first-child::after {
      content: ' ';
    }

.App__app__4zh7k {
  width: 100%;
  color: black;
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {

.App__app__4zh7k {
    position: relative;
    left: 0;
}
  }

.App__slideable__ucVu9 {
  transition: transform var(--fast) var(--ease-out);
}

.App__slidLeft__NN0u3 {
  left: 0;
  width: 100%;
  transform: none;
}

@media (min-width: 1024px) {

.App__slidLeft__NN0u3 {
    width: calc(100% + var(--nav-slide-left-two-columns));
    transform: translateX(calc(-1 * var(--nav-slide-left-two-columns)));
}
  }

@media (min-width: 1440px) {

.App__slidLeft__NN0u3 {
    width: calc(100% + var(--nav-slide-left-large));
    transform: translateX(calc(-1 * var(--nav-slide-left-large)));
}
  }

/*
    IE operated with fixed elements inside the transform wrong.
    Use `left` instead of `transform` without animation.
  */

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {

@media (max-color:2147477350) and (min-width: 1024px) {

.App__slidLeft__NN0u3 {
      left: calc(-1 * var(--nav-slide-left-two-columns));
      transform: none;
}
    }
    }

@media not  screen and (-ms-high-contrast: active),not all and (-ms-high-contrast: none) {

@media (color:2147477350) and (min-width: 1024px) {

.App__slidLeft__NN0u3 {
      left: calc(-1 * var(--nav-slide-left-two-columns));
      transform: none;
}
    }
    }

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {

@media (max-color:2147477350) and (min-width: 1440px) {

.App__slidLeft__NN0u3 {
      left: calc(-1 * var(--nav-slide-left-large));
}
    }
    }

@media not  screen and (-ms-high-contrast: active),not all and (-ms-high-contrast: none) {

@media (color:2147477350) and (min-width: 1440px) {

.App__slidLeft__NN0u3 {
      left: calc(-1 * var(--nav-slide-left-large));
}
    }
    }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.ErrorLayout__body__X1xuU {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}

@media (min-width: 768px) {

.ErrorLayout__body__X1xuU {
    margin-top: 0;
}
  }

.ErrorLayout__headerButtonWrapper__H3fd5 {
  min-width: 6rem;
  height: 2.5rem;
  font-size: .625rem;
}

@media (min-width: 768px) {

.ErrorLayout__headerButtonWrapper__H3fd5 {
    min-width: 7rem;
    font-size: .75rem;
}
  }

@media (min-width: 1024px) {

.ErrorLayout__headerButtonWrapper__H3fd5 {
    min-width: 7.5rem;
}
  }

@media (min-width: 1440px) {

.ErrorLayout__headerButtonWrapper__H3fd5 {
    min-width: 8.75rem;
}
  }

.ErrorLayout__title__cgTpO {
  max-width: 34rem;
  color: var(--shale);
  font-size: 2rem;
  line-height: 1.25;
  text-align: center;
}

@media (min-width: 768px) {

.ErrorLayout__title__cgTpO {
    font-size: 2.5rem;
}
  }

@media (min-width: 1024px) {

.ErrorLayout__title__cgTpO {
    font-size: 3rem;
    line-height: 1.05;
}
  }

.ErrorLayout__superTitle__wWnko {
  margin-bottom: 1em;
  font-size: 3rem;
  line-height: .85;
}

@media (min-width: 768px) {

.ErrorLayout__superTitle__wWnko {
    font-size: 3.25rem;
    line-height: 1;
}
  }

@media (min-width: 1024px) {

.ErrorLayout__superTitle__wWnko {
    font-size: 3.5rem;
    line-height: .9;
}
  }

.ErrorLayout__circles__pYAJz {
  display: flex;
  margin-top: 2.5rem;
}

@media (min-width: 768px) {

.ErrorLayout__circles__pYAJz {
    margin-top: 4rem;
}
  }

.ErrorLayout__memberCircle__7K2QF,
.ErrorLayout__peersCircle__s8Qhp,
.ErrorLayout__othersCircle__ZoS7f {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}

.ErrorLayout__memberCircle__7K2QF:not(:last-child), .ErrorLayout__peersCircle__s8Qhp:not(:last-child), .ErrorLayout__othersCircle__ZoS7f:not(:last-child) {
    margin-right: .6rem;
  }

@media (min-width: 768px) {

.ErrorLayout__memberCircle__7K2QF,
.ErrorLayout__peersCircle__s8Qhp,
.ErrorLayout__othersCircle__ZoS7f {
    width: 1.5rem;
    height: 1.5rem;
}

    .ErrorLayout__memberCircle__7K2QF:not(:last-child), .ErrorLayout__peersCircle__s8Qhp:not(:last-child), .ErrorLayout__othersCircle__ZoS7f:not(:last-child) {
      margin-right: .75rem;
    }
  }

.ErrorLayout__memberCircle__7K2QF {
  background: var(--oxford);
}

.ErrorLayout__peersCircle__s8Qhp {
  background: var(--coral);
}

.ErrorLayout__othersCircle__ZoS7f {
  background: var(--merlot);
}

.ErrorLayout__text__4XA68 {
  max-width: 22.5rem;
  margin: 2.5rem 0;
  color: var(--smoke);
  font-size: 1rem;
  line-height: 1.25;
  text-align: center;
}

@media (min-width: 768px) {

.ErrorLayout__text__4XA68 {
    margin: 2.75rem 0;
    line-height: 1.38;
}
  }

.ErrorLayout__buttons__t1sR7 {
  width: 100%;
  max-width: 20rem;
}

@media (min-width: 1024px) {

.ErrorLayout__buttons__t1sR7 {
    max-width: 22.5rem;
}
  }

.ErrorLayout__buttonWrapper__YUQ10 {
  height: 3rem;
}

.ErrorLayout__buttonWrapper__YUQ10:not(:last-child) {
    margin-bottom: 1.4rem;
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --common-layout-padding-top: 2rem;
}

.CommonLayout__commonLayout__j3mNB {
  min-height: 100vh;
  box-sizing: border-box;
  padding: var(--common-layout-padding-top) 1rem 0;
  background-color: var(--snow);
}

.CommonLayout__commonLayout__j3mNB.CommonLayout__isShrunkSidebar__IPlRi {
    min-height: calc(100vh - var(--nav-height-tiny));
  }

@media (min-width: 768px) {

.CommonLayout__commonLayout__j3mNB.CommonLayout__isShrunkSidebar__IPlRi {
      min-height: calc(100vh - var(--nav-height-one-column));
  }
    }

@media (min-width: 1024px) {

.CommonLayout__commonLayout__j3mNB.CommonLayout__isShrunkSidebar__IPlRi {
      min-height: 100vh;
  }
    }

@media (min-width: 768px) {

.CommonLayout__commonLayout__j3mNB {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
  }

@media (min-width: 1440px) {

.CommonLayout__commonLayout__j3mNB {
    padding-right: 2rem;
    padding-left: 2rem;
}
  }

.CommonLayout__header__yMTs0 {
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {

.CommonLayout__header__yMTs0 {
    margin-bottom: 32px;
}
  }

.CommonLayout__content__LtXyp {
  display: flex;
  min-height: calc(100vh - var(--common-layout-padding-top));
  box-sizing: border-box;
  flex-flow: column;
  align-items: center;
  /* sticky footer */
  margin-bottom: calc(-1 * var(--common-footer-height));
  padding-bottom: 4.5rem;
}

.CommonLayout__isShrunkSidebar__IPlRi .CommonLayout__content__LtXyp {
    min-height: calc(100vh - var(--common-layout-padding-top) - var(--nav-height-tiny));
  }

@media (min-width: 768px) {

.CommonLayout__isShrunkSidebar__IPlRi .CommonLayout__content__LtXyp {
      min-height: calc(100vh - var(--common-layout-padding-top) - var(--nav-height-one-column));
  }
    }

@media (min-width: 1024px) {

.CommonLayout__isShrunkSidebar__IPlRi .CommonLayout__content__LtXyp {
      min-height: calc(100vh - var(--common-layout-padding-top));
  }
    }

/* sticky footer */

.CommonLayout__pushFooter__zr\+Bc {
  height: var(--common-footer-height);
}

.CommonLayout__buttons__V-U0Y {
  display: inline-flex;
}

.CommonLayout__buttonWrapper__-Z2YD:not(:first-child) {
    margin-left: 1rem;
  }

@media (min-width: 768px) {

.CommonLayout__buttonWrapper__-Z2YD:not(:first-child) {
      margin-left: 1.5rem;
  }
    }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Logo__logo__8giE7{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:91.5px;height:24px}@media screen and (min-width: 768px){.Logo__logo__8giE7.Logo__responsive__lgeZt{width:122px;height:32px}}@media screen and (min-width: 1024px){.Logo__logo__8giE7.Logo__responsiveSmall__o3xuz{width:122px;height:32px}}.Logo__dot__ltTVv{fill:#404fa2;-webkit-animation:Logo__dotAnimation__sImHn 9s linear infinite;-moz-animation:Logo__dotAnimation__sImHn 9s linear infinite;-o-animation:Logo__dotAnimation__sImHn 9s linear infinite;-ms-animation:Logo__dotAnimation__sImHn 9s linear infinite;animation:Logo__dotAnimation__sImHn 9s linear infinite}.Logo__letters__Ihb1d{fill:#3c425a}.Logo__mask__DDnG-{fill:#fff}.Logo__white__7Tr5N .Logo__letters__Ihb1d,.Logo__light__iOdvP .Logo__letters__Ihb1d{fill:#fff}.Logo__white__7Tr5N .Logo__dot__ltTVv{fill:#fff;-webkit-animation:none;-moz-animation:none;-o-animation:none;-ms-animation:none;animation:none}@-moz-keyframes Logo__dotAnimation__sImHn{0{fill:#404fa2}11.1%{fill:#f88484}33.3%{fill:#f88484}44.4%{fill:#b06078}66.6%{fill:#b06078}77.7%{fill:#404fa2}100%{fill:#404fa2}}@-webkit-keyframes Logo__dotAnimation__sImHn{0{fill:#404fa2}11.1%{fill:#f88484}33.3%{fill:#f88484}44.4%{fill:#b06078}66.6%{fill:#b06078}77.7%{fill:#404fa2}100%{fill:#404fa2}}@-o-keyframes Logo__dotAnimation__sImHn{0{fill:#404fa2}11.1%{fill:#f88484}33.3%{fill:#f88484}44.4%{fill:#b06078}66.6%{fill:#b06078}77.7%{fill:#404fa2}100%{fill:#404fa2}}@keyframes Logo__dotAnimation__sImHn{0{fill:#404fa2}11.1%{fill:#f88484}33.3%{fill:#f88484}44.4%{fill:#b06078}66.6%{fill:#b06078}77.7%{fill:#404fa2}100%{fill:#404fa2}}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.CommonFooter__footer__Uvvqx {
  display: flex;
  height: var(--common-footer-height);
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--silver);
  color: var(--shade);
  line-height: 2;
}

@media (min-width: 768px) {

.CommonFooter__footer__Uvvqx {
    margin: inherit;
}
  }

.CommonFooter__footer__Uvvqx a {
  color: var(--stone);
}

.CommonFooter__linkWrapper__chSdi {
  white-space: nowrap;
}

.CommonFooter__linkWrapper__chSdi:not(:last-child) {
    margin-right: 1.125rem;
  }

.CommonFooter__link__C5E2- {
  font-size: .75rem;
  line-height: 1;
}

@media (min-width: 768px) {

.CommonFooter__link__C5E2- {
    font-size: .875rem;
}
  }

.CommonFooter__securityIconWrapper__rYw8O {
  display: inline-block;
  vertical-align: middle;
  width: .75rem;
  height: 1rem;
  margin-right: 3px;
  margin-bottom: 3px;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.Button__button__1n9F4 {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  border-radius: .25rem;
  font-weight: 600;
  font-size: .75rem;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: .4px;
}

.Button__button__1n9F4:hover:not(.Button__textOnly__12RWn) {
    top: -.5px;
  }

.Button__button__1n9F4:active:not(.Button__textOnly__12RWn) {
    top: .5px;
  }

.Button__clickableDiv__LYBFC {
  cursor: pointer;
}

.Button__isSubmitting__Avc7B {
  pointer-events: none;
}

.Button__isDisabled__F43wT:not(.Button__isSubmitting__Avc7B),
.Button__button__1n9F4.Button__isDisabled__F43wT:not(.Button__isSubmitting__Avc7B),
.Button__button__1n9F4[disabled]:not(.Button__isSubmitting__Avc7B) {
  opacity: .4;
  background: inherit;
  color: inherit;
  cursor: default;
  text-decoration: none;
}

@media (hover: hover) {
    .Button__isDisabled__F43wT.Button__clickable__9A07k.Button__textOnly__12RWn:not(.Button__isSubmitting__Avc7B):hover,
    .Button__button__1n9F4.Button__isDisabled__F43wT.Button__clickable__9A07k.Button__textOnly__12RWn:not(.Button__isSubmitting__Avc7B):hover,
    .Button__button__1n9F4.Button__clickable__9A07k.Button__textOnly__12RWn[disabled]:not(.Button__isSubmitting__Avc7B):hover,
    .Button__isDisabled__F43wT.Button__clickable__9A07k.Button__textOnly__12RWn:not(.Button__isSubmitting__Avc7B):active,
    .Button__button__1n9F4.Button__isDisabled__F43wT.Button__clickable__9A07k.Button__textOnly__12RWn:not(.Button__isSubmitting__Avc7B):active,
    .Button__button__1n9F4.Button__clickable__9A07k.Button__textOnly__12RWn[disabled]:not(.Button__isSubmitting__Avc7B):active,
    .Button__isDisabled__F43wT.Button__clickable__9A07k:not(.Button__isSubmitting__Avc7B):hover:not(.Button__textOnly__12RWn),
    .Button__button__1n9F4.Button__isDisabled__F43wT.Button__clickable__9A07k:not(.Button__isSubmitting__Avc7B):hover:not(.Button__textOnly__12RWn),
    .Button__button__1n9F4.Button__clickable__9A07k[disabled]:not(.Button__isSubmitting__Avc7B):hover:not(.Button__textOnly__12RWn),
    .Button__isDisabled__F43wT.Button__clickable__9A07k:not(.Button__isSubmitting__Avc7B):active:not(.Button__textOnly__12RWn),
    .Button__button__1n9F4.Button__isDisabled__F43wT.Button__clickable__9A07k:not(.Button__isSubmitting__Avc7B):active:not(.Button__textOnly__12RWn),
    .Button__button__1n9F4.Button__clickable__9A07k[disabled]:not(.Button__isSubmitting__Avc7B):active:not(.Button__textOnly__12RWn) {
      cursor: default;
      background: inherit;
      color: inherit;
    }
  }

.Button__buttonContent__1zboi {
  position: relative;
  display: flex;
  justify-content: center;
  /* optically center button text */
  top: 1px;
}

.Button__title__RuBZF {
  margin-bottom: -8px
}

.Button__buttonText__YDH5n {
  white-space: pre-wrap;
  display: flex;
  justify-content: center;
  line-height: 1.2;
  align-items: center;
}

/* keep the button centered to text buttons */

.Button__pushUp__9a6Yp {
  margin-top: -1px;
}

.Button__wrapText__2SO3n {
  white-space: normal;
}

.Button__responsive__0IvyQ {
  min-width: 100%;
  height: 100%;
  padding: 0 .625rem;
  font-size: inherit;
}

@media (min-width: 375px) {

.Button__responsive__0IvyQ {
    padding: 0 .8rem;
}
  }

@media (min-width: 768px) {

.Button__responsive__0IvyQ {
    padding: 0 2rem;
}
  }

.Button__loadingIconWrapper__D-Nd8 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.7rem;
  height: 1.7rem;
  transform: translate(-.9rem, -.9rem);
}

.Button__submittingContent__V2d\+y {
  opacity: 0;
}

.Button__submittingChildrenVisible__VW2rX .Button__submittingContent__V2d\+y {
  opacity: .3;
}

/* Icon ==================================================================== */

.Button__icon__iOFFz {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
}

.Button__icon__iOFFz:only-child {
    margin-right: 0;
  }

.Button__chevron__nSbsi {
  height: 8px;
  width: 8px;
  display: inline-block;
  padding-bottom: 1px;
  margin-left: 3px;
}

.Button__checkmark__MoSKU {
  width: 16px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: 3px;
}

.Button__checkmark__MoSKU::before {
    content: '';
    display: block;
    border-radius: 50%;
    background-color: var(--salt);
    opacity: .15;

    width: 16px;
    height: 16px;
  }

.Button__checkmarkIcon__iIEzw {
  width: 46px;
  position: absolute;
  top: 1px;
  left: 0;
  color: var(--salt);
}

/* Sizes
/* ========================================================================= */

.Button__micro__SMVhB {
  min-width: 100%;
  height: 100%;
  padding: 0 8px;
}

.Button__mini__U022P {
  padding: 6px 12px;
  font-size: 11px;
}

.Button__tiny__kz-dF {
  padding: 8px 16px;
}

.Button__small__\+W6Vc {
  padding: 12px 16px;
}

.Button__small__\+W6Vc.Button__outlined__8uMrW,
  .Button__small__\+W6Vc.Button__hollow__gU0zK {
    padding: 12px 0;
  }

.Button__medium__jq48f {
  /* used in onboarding register */
  padding: 16px 4rem;
}

.Button__large__0s7Ak {
  padding: 1.4rem 4.6rem;
}

.Button__tiny__kz-dF .Button__icon__iOFFz {
  width: 12px;
  margin-right: 6px;
}

.Button__tiny__kz-dF .Button__icon__iOFFz:only-child {
    margin-right: 0;
  }

.Button__small__\+W6Vc .Button__icon__iOFFz {
  width: 14px;
}

.Button__medium__jq48f .Button__icon__iOFFz {
  width: 16px;
}

.Button__large__0s7Ak .Button__icon__iOFFz {
  width: 18px;
}

/* Modifiers -  Have to go after/overwrite 'sizes'  ========================== */

.Button__fullWidth__jB5xj {
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
}

.Button__textOnly__12RWn.Button__fullWidth__jB5xj {
  padding-right: 0;
  padding-left: 0;
}

.Button__fullHeight__t2KAE {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

/* Shadows =================================================================== */

.Button__lightShadow__bTsij {
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.15);
}

.Button__heavyShadow__NSZ7k {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .19), 0 6px 6px 0 rgba(0, 0, 0, .23);
}

.Button__blueShadow__4Gxrc {
  box-shadow: 0 6px 12px 0 rgba(49, 127, 203, .32)
}

/* Styles  =================================================================== */

.Button__textOnly__12RWn {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--action);
}

.Button__textOnly__12RWn.Button__mini__U022P {
    padding-left: 0;
    padding-right: 0;
  }

.Button__textOnlyBig__7lFN- {
  font-size: 16px;
  text-transform: none;
}

.Button__textOnlyBig__7lFN-.Button__textOnlyBig__7lFN- {
    color: var(--action-500) !important;
    box-shadow: none !important;
    font-weight: 400;
  }

.Button__textOnlyBig__7lFN-.Button__textOnlyBig__7lFN-:hover {
    color: var(--action-300) !important;
  }

.Button__textOnlyBig__7lFN-.Button__textOnlyBig__7lFN-:active {
    color: var(--action-600) !important;
  }

.Button__asText__u7SRw {
  padding: 0;
  margin: 0;
  display: inline-flex;
  text-transform: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.Button__iconOnly__wadRE {
  min-width: auto;
  padding: 4px;
}

.Button__iconOnly__wadRE .Button__buttonContent__1zboi {
    top: 0;
  }

.Button__hollow__gU0zK {
  background: none;
  border: 1px solid currentColor;
}

.Button__outlined__8uMrW {
  border: 1px solid currentColor;
}

.Button__responsiveTextFilled__6qfIo {
  padding-right: 0;
}

@media (max-width: 1023px) {

.Button__responsiveTextFilled__6qfIo {
    color: var(--action) !important;
    background: none !important;
    border: none !important;
}
  }

@media (min-width: 768px) {

.Button__responsiveTextFilled__6qfIo {
    padding-right: 1.4rem;
}
  }

.Button__square__kg5Xy.Button__button__1n9F4 {
  width: 100%;
  height: 100%;
  padding: 8px 4px;
}

.Button__square__kg5Xy .Button__buttonText__YDH5n {
  height: 28px;
  letter-spacing: .2px;
  line-height: 1.1;
}

.Button__square__kg5Xy .Button__buttonContent__1zboi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-transform: none;
  width: 100%;
  height: 100%;
  font-size: 13px;
  font-weight: 500;
}

.Button__square__kg5Xy .Button__icon__iOFFz {
  display: block;
  margin: 2px auto;
  width: 24px;
  height: 24px;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SvgIcon__svgIcon__yhuvi{fill:currentColor}.SvgIcon__svgIcon__yhuvi svg{aspect-ratio:1;height:auto}.SvgIcon__micro__KdcLB{width:4px;height:4px}.SvgIcon__mini__3zpk-{width:;height:}.SvgIcon__tiny__L2kA7{width:8px;height:8px}.SvgIcon__small__KA2zN{width:12px;height:12px}.SvgIcon__regular__B2Woy{width:16px;height:16px}.SvgIcon__medium__XVG8F{width:24px;height:24px}.SvgIcon__large__XV-Bc{width:32px;height:32px}.SvgIcon__xlarge__QuBOb{width:48px;height:48px}.SvgIcon__huge__peWOP{width:64px;height:64px}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.AccomplishmentModal__content__hdj2Q {
  text-align: center;
}

@media (min-width: 768px) {

.AccomplishmentModal__content__hdj2Q {
    padding: 0 40px;
}
  }

.AccomplishmentModal__iconWrapper__FLhe6 {
  display: flex;
  justify-content: center;
}

.AccomplishmentModal__icon__808ux {
  width: 96px;
  height: 96px;
}

.AccomplishmentModal__title__4OV8y {
  margin-top: 32px;
  font-size: 24px;
  line-height: 1.25;
  color: var(--shale);
}

@media (min-width: 375px) {

.AccomplishmentModal__title__4OV8y {
    margin-top: 40px;
    font-size: 30px;
}
  }

@media (min-width: 768px) {

.AccomplishmentModal__title__4OV8y {
    font-size: 32px;
}
  }

.AccomplishmentModal__text__QOQxu {
  margin-top: 16px;
  color: var(--smoke);
  font-size: 16px;
  line-height: 1.25;
}

@media (min-width: 375px) {

.AccomplishmentModal__text__QOQxu {
    font-size: 18px;
}
  }

@media (min-width: 768px) {

.AccomplishmentModal__text__QOQxu {
    font-size: 20px;
}
  }

.AccomplishmentModal__buttonWrapper__60vj\+ {
  margin-top: 40px;
}

.AccomplishmentModal__closeButtonWrapper__WIVvf {
  margin-top: 16px;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Popup__popup__4nJpE{background-color:#fff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;max-width:448px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:24px 24px 48px;margin:0 auto;border-radius:5px}@media screen and (min-width: 768px){.Popup__popup__4nJpE{box-shadow:1px 1px 2px 0 rgba(0,0,0,0.35);-webkit-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.Popup__popup__4nJpE:hover{box-shadow:0 0 0 1px rgba(60,66,90,0.05),0 20px 20px rgba(60,66,90,0.12)}}.Popup__closeButtonWrapper__skQj9{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.Popup__titleWrapper__D6O42{margin-bottom:32px}.Popup__content__2sz4k{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#8c95a5}@media screen and (min-width: 768px){.Popup__content__2sz4k{max-height:calc(90vh - 48px)}}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.Overlay__textCenter__KGhNF {
  text-align: center;
}

.scrollDisabled {
    position: fixed;
    left: 0;
    right: 0;
    overflow: hidden;
    height: 100vh;
    top: 0;
  }

@media (min-width: 768px) {

.scrollDisabled {
      position: initial;
      left: auto;
      right: auto;
      height: auto;
      top: auto;
      overflow: initial;
  }
    }

:root {
  --overlay-mobile-height: 100vh;
  --onboarding-main-pane-one-column-width: calc(100% - var(--onboarding-sidebar-one-column-width));
  --onboarding-main-pane-large-width: calc(100% - var(--onboarding-sidebar-large-width));
}

.Overlay__overlay__mxgNQ {
  position: fixed;
  z-index: 101;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color(var(--shadow) a(-20%));
}

@media (min-width: 1024px) {

.Overlay__overlay__mxgNQ.Overlay__overlayShrunkSidebar__gH9Mj {
      left: var(--nav-settings-width-two-columns);
  }
    }

.Overlay__overlay__mxgNQ.Overlay__isHeightSet__KMWdg {
    bottom: auto;
  }

.Overlay__overlay__mxgNQ.Overlay__fixSafariIos__6HRD7 {
    position: absolute;
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.OverlayMobile__wrapper__xWGFd {
  position: relative;
  min-height: 100%;
  box-sizing: border-box;
  background: var(--salt);
}

.OverlayMobile__wrapper__xWGFd.OverlayMobile__noPadding__xeF1v {}

.OverlayMobile__wrapper__xWGFd:not(.OverlayMobile__noPadding__xeF1v) {
    padding: 48px 24px 32px;
  }

.OverlayMobile__closeButtonWrapper__Ywt9S {
  position: absolute;
  top: 32px;
  right: 32px;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.CloseButton__closeButton__3r25Z {
  position: relative;
  width: 16px;
  height: 16px;
  box-sizing: content-box;
  margin: -5px;
  padding: 5px;
  color: var(--stone);
  opacity: .7;
  transition: opacity var(--fastest) var(--ease-out);
}

.CloseButton__closeButton__3r25Z:hover {
    opacity: 1;
  }

.CloseButton__closeButton__3r25Z.CloseButton__small__qSI62 {
    width: 12px;
    height: 12px;
  }

.CloseButton__closeButton__3r25Z.CloseButton__light__JlNSe {
    color: var(--salt);
  }

.CloseButton__closeButton__3r25Z.CloseButton__danger__BBwy- {
    color: var(--danger);
  }

.CloseButton__closeButton__3r25Z.CloseButton__warning__liBeD {
    color: var(--warning);
  }

.CloseButton__closeButton__3r25Z.CloseButton__success__ssbk1 {
    color: var(--success);
  }

.CloseButton__closeButton__3r25Z.CloseButton__action__mfQfQ {
    color: var(--action);
  }

.PopupCloseButton__buttonWrapper__4ke4u {
  align-self: center;
  margin-top: 24px;
  width: 200px;
  height: 48px;
  font-size: 12px;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.Text__smallestHeading__1t7of,
.Text__smallHeading__FbnEg,
.Text__pageHeading__2kw3m,
.Text__externalPageHeading__Lz1\+g {
  line-height: 1.25;
}

.Text__externalPageHeading__Lz1\+g {
  /* IE fix: avoid title pushed to the right by invisible anchor */
  flex-grow: 1;
}

.Text__pageHeading__2kw3m, .Text__externalPageHeading__Lz1\+g {
  color: var(--shadow);
  font-size: 28px;
  letter-spacing: -.03rem;
  margin-bottom: 24px;
}

@media (min-width: 375px) {

.Text__pageHeading__2kw3m, .Text__externalPageHeading__Lz1\+g {
    font-size: 32px;
}
  }

@media (min-width: 415px) {

.Text__pageHeading__2kw3m, .Text__externalPageHeading__Lz1\+g {
    font-size: 36px;
}
  }

@media (min-width: 768px) {

.Text__pageHeading__2kw3m, .Text__externalPageHeading__Lz1\+g {
    margin-bottom: 34px;
}
  }

@media (min-width: 1024px) {

.Text__pageHeading__2kw3m, .Text__externalPageHeading__Lz1\+g {
    margin-top: 8px;
}
  }

@media (min-width: 1280px) {

.Text__pageHeading__2kw3m, .Text__externalPageHeading__Lz1\+g {
    font-size: 38px;
}
  }

@media (min-width: 1440px) {

.Text__pageHeading__2kw3m, .Text__externalPageHeading__Lz1\+g {
    font-size: 40px;
}
  }

@media (min-width: 1920px) {

.Text__pageHeading__2kw3m, .Text__externalPageHeading__Lz1\+g {
    font-size: 42px;
}
  }

.Text__pageHeading__2kw3m {
  display: inline-block;
  letter-spacing: -.03rem;
  line-height: 1.1;
}

@media (min-width: 1024px) {

.Text__pageHeading__2kw3m {
    margin-top: 0;
}
  }

.Text__smallHeading__FbnEg {
  margin-bottom: 24px;
  color: var(--shale);
  font-size: 26px;
  line-height: 1.25;
}

@media (min-width: 375px) {

.Text__smallHeading__FbnEg {
    font-size: 28px;
}
  }

@media (min-width: 768px) {

.Text__smallHeading__FbnEg {
    margin-bottom: 32px;
    font-size: 40px;
}
  }

@media (min-width: 1440px) {

.Text__smallHeading__FbnEg {
    font-size: 48px;
}
  }

.Text__moduleTitle__lfBQF {
  font-weight: 700;
}

.Text__moduleTitle__lfBQF,
.Text__moduleSubtitle__IuUok {
  color: var(--neutral-900);
  font-size: 18px;
  line-height: 1.5;
}

.Text__moduleSubtitle__IuUok {
  color: var(--smoke);
  font-size: .8rem;
  font-weight: var(--medium);
}

.Text__bodyText__20Sxx {
  color: var(--body-text-color);
  font-size: 1rem;
  line-height: 1.375;
}

.Text__homepageText__1LtDw {
  color: var(--smoke);
  font-size: 1rem;
  line-height: 1.5;
}

.Text__homepageText__1LtDw:not(:first-of-type) {
    margin-top: 1em;
  }

@media (min-width: 768px) {

.Text__homepageText__1LtDw {
    font-size: 1.125rem;
}
  }

.Text__captionText__fIfkl {
  margin-top: 1rem;
  color: var(--smoke);
  font-size: .7rem;
  text-transform: uppercase;
}

.Text__popupTitle__Li6DT {
  font-size: 20px;
  line-height: 1.25;
  text-align: center;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.UpdateNowPopup__header__TwMQt{text-align:center;padding-top:16px}.UpdateNowPopup__title__5Zhoa{font-family:"serif", "Georgia", serif;font-weight:500;font-size:24px;line-height:1.25;color:#4d556c}.UpdateNowPopup__subtitle__z1ETl{margin-top:16px;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;line-height:1.44;color:#8c95a5}.UpdateNowPopup__contentWrapper__uSm2Q{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-top:32px}.UpdateNowPopup__buttonWrapper__CsiLh{width:270px;margin-top:16px}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --arrow-half-width: .6rem;
}

.Tooltip__tooltip__u\+wHs {
  position: relative;
  padding: .75rem 0;
  border-radius: 3px;
  color: var(--light-text-color);
  font-size: .8rem;
  line-height: 1.5;
  text-align: center;
  text-transform: none;
  white-space: normal;
    box-shadow:
      0 2.5px 1.5px 0 rgba(0, 0, 0, 0.1),
      0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.Tooltip__arrow__YZJUz {
  position: absolute;
  left: calc(50% - var(--arrow-half-width));
  display: inline-block;
  border: var(--arrow-half-width) solid transparent;
}

.Tooltip__arrow__YZJUz.Tooltip__arrowUpLeft__CtVzJ {
    left: 0;
    top: -10%;
  }

.Tooltip__arrow__YZJUz.Tooltip__arrowUp__re\+vB {
    bottom: -1.1rem;
    border-color: transparent;
    border-top-color: var(--oxford);
  }

.Tooltip__arrow__YZJUz.Tooltip__arrowDown__t6Eg4 {
    top: -1.1rem;
    border-color: transparent;
    border-bottom-color: var(--oxford);
  }

.Tooltip__tooltipContent__jpuz\+ {
  display: block;
  margin: 0 .7rem;
  white-space: nowrap;
}

.Tooltip__member__aNf6X {
  background: var(--oxford);
}

.Tooltip__peers__\+yyQY {
  background: var(--coral);
}

.Tooltip__peers__\+yyQY .Tooltip__arrowUp__re\+vB {
    border-color: transparent;
    border-top-color: var(--coral);
  }

.Tooltip__peers__\+yyQY .Tooltip__arrowDown__t6Eg4 {
    border-color: transparent;
    border-bottom-color: var(--coral);
  }

.Tooltip__others__NuggA {
  background: var(--merlot);
}

.Tooltip__others__NuggA .Tooltip__arrowUp__re\+vB {
    border-color: transparent;
    border-top-color: var(--merlot);
  }

.Tooltip__others__NuggA .Tooltip__arrowDown__t6Eg4 {
    border-color: transparent;
    border-bottom-color: var(--merlot);
  }

.Tooltip__success__aRrmj {
  background: var(--success);
  color: white;
}

.Tooltip__success__aRrmj .Tooltip__arrowUp__re\+vB {
    border-color: transparent;
    border-top-color: var(--success);
  }

.Tooltip__success__aRrmj .Tooltip__arrowDown__t6Eg4 {
    border-color: transparent;
    border-bottom-color: var(--success);
  }

.Tooltip__warning__RQiHE {
  background: var(--warning);
}

.Tooltip__warning__RQiHE .Tooltip__arrowUp__re\+vB {
    border-color: transparent;
    border-top-color: var(--warning);
  }

.Tooltip__warning__RQiHE .Tooltip__arrowDown__t6Eg4 {
    border-color: transparent;
    border-bottom-color: var(--warning);
  }

.Tooltip__danger__TbfNv,
.Tooltip__failure__llQjA {
  background: var(--danger);
}

.Tooltip__danger__TbfNv .Tooltip__arrowUp__re\+vB, .Tooltip__failure__llQjA .Tooltip__arrowUp__re\+vB {
    border-color: transparent;
    border-top-color: var(--danger);
  }

.Tooltip__danger__TbfNv .Tooltip__arrowDown__t6Eg4, .Tooltip__failure__llQjA .Tooltip__arrowDown__t6Eg4 {
    border-color: transparent;
    border-bottom-color: var(--danger);
  }

.Tooltip__info__nNqxc {
  background: var(--silver);
  color: var(--heading-text-color);
  font-weight: 500;
}

.Tooltip__info__nNqxc .Tooltip__arrowUp__re\+vB {
    border-color: transparent;
    border-top-color: var(--silver);
  }

.Tooltip__info__nNqxc .Tooltip__arrowDown__t6Eg4 {
    border-color: transparent;
    border-bottom-color: var(--silver);
  }

.Tooltip__white__Fr\+Xm {
  background: var(--salt);
  color: var(--shale);
  font-weight: 500;
}

.Tooltip__white__Fr\+Xm .Tooltip__arrowUp__re\+vB {
    border-color: transparent;
    border-top-color: var(--salt);
  }

.Tooltip__white__Fr\+Xm .Tooltip__arrowDown__t6Eg4 {
    border-color: transparent;
    border-bottom-color: var(--salt);
  }

.Tooltip__member__aNf6X.Tooltip__light__yF0lt {
  background: var(--light-oxford);
}

.Tooltip__member__aNf6X.Tooltip__light__yF0lt .Tooltip__arrowUp__re\+vB {
    border-color: transparent;
    border-top-color: var(--light-oxford);
  }

.Tooltip__member__aNf6X.Tooltip__light__yF0lt .Tooltip__arrowDown__t6Eg4 {
    border-color: transparent;
    border-bottom-color: var(--light-oxford);
  }

.Tooltip__peers__\+yyQY.Tooltip__light__yF0lt {
  background: var(--light-coral);
}

.Tooltip__peers__\+yyQY.Tooltip__light__yF0lt .Tooltip__arrowUp__re\+vB {
    border-color: transparent;
    border-top-color: var(--light-coral);
  }

.Tooltip__peers__\+yyQY.Tooltip__light__yF0lt .Tooltip__arrowDown__t6Eg4 {
    border-color: transparent;
    border-bottom-color: var(--light-coral);
  }

.Tooltip__others__NuggA.Tooltip__light__yF0lt {
  background: var(--light-merlot);
}

.Tooltip__others__NuggA.Tooltip__light__yF0lt .Tooltip__arrowUp__re\+vB {
    border-color: transparent;
    border-top-color: var(--light-merlot);
  }

.Tooltip__others__NuggA.Tooltip__light__yF0lt .Tooltip__arrowDown__t6Eg4 {
    border-color: transparent;
    border-bottom-color: var(--light-merlot);
  }

.Tooltip__success__aRrmj.Tooltip__light__yF0lt {
  background: var(--success);
  color: #639863;
}

.Tooltip__success__aRrmj.Tooltip__light__yF0lt .Tooltip__arrowUp__re\+vB {
    border-color: transparent;
    border-top-color: var(--success);
  }

.Tooltip__success__aRrmj.Tooltip__light__yF0lt .Tooltip__arrowDown__t6Eg4 {
    border-color: transparent;
    border-bottom-color: var(--success);
  }

.Tooltip__warning__RQiHE.Tooltip__light__yF0lt {
  background: var(--light-warning);
  color: color(var(--warning) b(+10));
}

.Tooltip__warning__RQiHE.Tooltip__light__yF0lt .Tooltip__arrowUp__re\+vB {
    border-color: transparent;
    border-top-color: var(--light-warning);
  }

.Tooltip__warning__RQiHE.Tooltip__light__yF0lt .Tooltip__arrowDown__t6Eg4 {
    border-color: transparent;
    border-bottom-color: var(--light-warning);
  }

.Tooltip__danger__TbfNv.Tooltip__light__yF0lt {
  background: color(var(--light-danger) l(+10));
  color: color(var(--danger) b(+10));
}

.Tooltip__danger__TbfNv.Tooltip__light__yF0lt .Tooltip__arrowUp__re\+vB {
    border-color: transparent;
    border-top-color: color(var(--light-danger) l(+10));
  }

.Tooltip__danger__TbfNv.Tooltip__light__yF0lt .Tooltip__arrowDown__t6Eg4 {
    border-color: transparent;
    border-bottom-color: color(var(--light-danger) l(+10));
  }

.Tooltip__wrap__ythtT {
  white-space: normal;
}

.Tooltip__incorrect__pm1pV {
  background: var(--inactive-light-coral);
  border: 1px solid var(--danger);
  color: var(--danger);
}

.Tooltip__incorrect__pm1pV .Tooltip__arrowUp__re\+vB {
    border-color: transparent;
    border-width: 0;
  }

.Tooltip__incorrect__pm1pV .Tooltip__arrowUp__re\+vB::before {
      content: '';
      display: block;
      border: calc(var(--arrow-half-width) + .1rem) solid transparent;
      border-top-color: var(--danger);

      position: absolute;
      width: 100%;
      height: 100%;

      top: -17px;
      left: -2px;
    }

.Tooltip__incorrect__pm1pV .Tooltip__arrowUp__re\+vB::after {
      content: '';
      display: block;
      border: var(--arrow-half-width) solid transparent;
      border-top-color: var(--inactive-light-coral);

      position: absolute;
      width: calc(100% + 1px);
      height: calc(100% + 1px);
      top: -18px;
      left: -1px;
    }

.Tooltip__incorrect__pm1pV .Tooltip__arrowDown__t6Eg4 {
    border-color: transparent;
    border-bottom-color: var(--inactive-light-coral);
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --notifications-layer: 15;

  --notifications-border-size: 1px;

  --notifications-expand-time: var(--slow);
  --notifications-shadow: 0 2.5px 1.5px 0 var(--header-shadow-color);

  --notifications-horizontal-padding: var(--space-default);
  --notification-vertical-padding: var(--space-small);

  --expand-button-vertical-padding: .375rem;
  --expand-button-horizontal-padding: .5rem;
  --expand-button-font-size: .8rem;
  --expand-button-line-height: 1.2;
  --expand-button-text-height: calc(var(--expand-button-font-size) * var(--expand-button-line-height));
  --expand-button-height: calc(var(--expand-button-text-height) + var(--expand-button-vertical-padding) * 2 + var(--notifications-border-size));

  --notifications-max-height-mobile: calc(90vh - var(--nav-height-one-column) - var(--expand-button-height));
}

.NotificationTray__notificationTray__NgYIw {
  position: fixed;
  z-index: var(--notifications-layer);
  top: var(--nav-height-tiny);
  width: 100%;
  transform: translateY(calc(-1 * var(--notifications-border-size)));
  will-change: transform;
}

@media (min-width: 375px) {

.NotificationTray__notificationTray__NgYIw {
    min-width: 375px;
}
  }

@media (min-width: 415px) {

.NotificationTray__notificationTray__NgYIw {
    width: 415px;
}
  }

@media (min-width: 768px) {

.NotificationTray__notificationTray__NgYIw {
    top: var(--nav-height-one-column);
}
  }

.NotificationTray__notificationTray__NgYIw.NotificationTray__animated__sGNlG {
    transition: transform var(--notifications-expand-time) ease;
  }

@media (min-width: 1024px) {

.NotificationTray__notificationTray__NgYIw.NotificationTray__sidebarMode__rBdqB {
      top: 0;
  }
    }

@media (min-width: 1024px) {

.NotificationTray__notificationTray__NgYIw.NotificationTray__settingsMode__nAzVX {
      top: 0;
  }
    }

.NotificationTray__notificationTray__NgYIw.NotificationTray__positionRelative__RU8fD {
    position: relative;
    top: 0;
  }

@media (min-width: 1024px) {

.NotificationTray__notificationTray__NgYIw.NotificationTray__positionRelative__RU8fD {
      position: fixed;
  }
    }

.NotificationTray__notificationTrayInner__L066j {
  position: relative;
  border: solid var(--notifications-border-size) transparent;
  border-bottom-right-radius: 4px;
  border-top: none;
  transition:
    box-shadow var(--notifications-expand-time) var(--notifications-expand-time),
    border-color var(--notifications-expand-time);
}

.NotificationTray__notificationTrayInner__L066j.NotificationTray__visible__zilDm {
    box-shadow: 1px 0 8px 3px rgba(0, 0, 0, 0.32);
    border-color: var(--storm);
    transition:
      box-shadow var(--notifications-expand-time),
      border-color var(--notifications-expand-time);
  }

.NotificationTray__scrollable__igOX8 {
  position: relative;
  z-index: 1;
  max-height: var(--notifications-max-height-mobile);
}

@media (min-width: 1024px) {

.NotificationTray__scrollable__igOX8 {
    max-height: calc(90vh - var(--expand-button-height));
}
  }

.NotificationTray__itemList__\+k4WE {
  width: 100%;
  box-sizing: border-box;
  background: var(--light-action);
  border-bottom-right-radius: 4px;
}

.NotificationTray__desktopButtonWrapper__MUtVh {
  position: absolute;
  top: 100%;
  right: calc(-1 * var(--notifications-border-size));
  box-shadow: var(--notifications-shadow);
  cursor: pointer;
  transition: transform var(--fast);
}

.NotificationTray__desktopButtonWrapper__MUtVh.NotificationTray__hidden__oHUXw {
    display: none;
  }

@media (min-width: 1024px) {
    .NotificationTray__desktopButtonWrapper__MUtVh.NotificationTray__hidden__oHUXw {
      display: block;
      transform: translateY(-125%);
    }
  }

.NotificationTray__item__B0zMM {
  position: relative;
}

.NotificationTray__item__B0zMM.NotificationTray__enter__CqyLP,
  .NotificationTray__item__B0zMM.NotificationTray__leaveActive__G4ttw {
    overflow: hidden;
    opacity: 0;
    transition:
      height var(--fast) ease-in-out,
      opacity var(--fast) ease-in-out;
  }

.NotificationTray__item__B0zMM.NotificationTray__enterActive__GeRH3 {
    opacity: 1;
  }

.NotificationTray__item__B0zMM .NotificationTray__leave__6euLv {}

.NotificationTray__itemInner__6fIVG {
  position: relative;
  padding: var(--space-small) var(--space-small);
  display: flex;
  flex-direction: row;
}

@media (min-width: 375px) {

.NotificationTray__itemInner__6fIVG {
    padding: var(--space-small) var(--space-default);
}
  }

.NotificationTray__itemInner__6fIVG::before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--silver);
  }

.NotificationTray__itemContent__YcDmR {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.NotificationTray__icon__pvB9c {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 8px;
  margin: 12px;
  width: var(--space-medium);
  height: var(--space-medium);
  display: none;
}

@media (min-width: 375px) {

.NotificationTray__icon__pvB9c {
    display: unset;
}
  }

.NotificationTray__iconInRow__NOtFg {
  margin-right: 12px;
  width: var(--space-medium);
  height: var(--space-medium);
}

.NotificationTray__itemText__-bIWw {
  color: var(--heading-text-color);
}

@media (min-width: 375px) {

.NotificationTray__withIcon__ooA17 .NotificationTray__itemText__-bIWw {
    padding-left: 32px;
}
  }

.NotificationTray__buttons__pRST6 {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  margin-top: var(--space-tiny);
  text-align: right;

  /*
    Container and nested line boxes (buttons in this case)
    should have the same line-height in order to be the same height:
    https://www.w3.org/TR/css-display-3/#block-container
    https://www.w3.org/TR/CSS2/visuren.html#normal-flow
  */
  font-size: 12px;
  line-height: 1;
}

.NotificationTray__buttons__pRST6 button {
    font-size: inherit;
    line-height: inherit;
  }

.NotificationTray__liveUpdateButtonWrapper__Y4SNP {
  width: 100%;
  height: 2rem;
  font-size: .625rem;
}

@media (min-width: 768px) {

.NotificationTray__liveUpdateButtonWrapper__Y4SNP {
    height: 2.5rem;
    font-size: .75rem;
}
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.InsightFooter__buttonSide__yph-I {
  display: flex;
  flex-flow: row nowrap;
}

.InsightFooter__left__S5NJQ {
  flex: 1;
  justify-content: flex-end;
}

.InsightFooter__right__-aOAG {
  flex: 0;
  justify-content: flex-end;
}

.InsightFooter__inverted__qSsfZ {
  justify-content: flex-start;
  margin-left: -16px;
}

@media (min-width: 768px) {

.InsightFooter__inverted__qSsfZ {
    justify-content: flex-end;
    margin-left: 0;
}
  }

.InsightFooter__fullWidth__7r7U4 {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
}

.InsightFooter__minWidth__-7wOZ {
  flex-grow: 0;
}

.InsightButton__insightButton__HglxZ {
  margin-left: 16px;
}

.InsightButton__fullWidth__K0rIR {
  flex-grow: 1;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FloatingPaneHost__floatingPanesHost__i8VRN{opacity:1;-ms-filter:none;filter:none;position:fixed;width:100vw;height:100%;top:0;-webkit-transition:opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:7}.FloatingPaneHost__pane__VXym6{position:absolute;top:0;right:0;bottom:0;background:#fff;box-shadow:2px 0 24px rgba(0,0,0,0.5);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:-moz-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:-o-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:-ms-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);width:100vw;z-index:2;will-change:transform}@media screen and (min-width: 415px){.FloatingPaneHost__pane__VXym6{min-width:375px;width:initial}}@media screen and (min-width: 768px){.FloatingPaneHost__pane__VXym6{min-width:415px}}.FloatingPaneHost__cover__Bi1Dx{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(28,34,52,0.85);z-index:1;display:none}@media screen and (min-width: 415px){.FloatingPaneHost__cover__Bi1Dx{display:initial}}.FloatingPaneHost__closed__Vx-Et{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);pointer-events:none}.FloatingPaneHost__closed__Vx-Et .FloatingPaneHost__pane__VXym6{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.FloatingPaneHost__preventScrollWrapper__piBFJ{position:absolute;top:0;left:0;right:0;bottom:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.TransactionRecatForm__title__8JdoY{margin-bottom:8px;color:#4d556c;font-size:18px;line-height:1.35;font-weight:500}@media screen and (min-width: 768px){.TransactionRecatForm__title__8JdoY{margin-bottom:16px;margin-top:2px}}.TransactionRecatForm__body__GKW88{background:#fff;padding:16px 12px;padding-top:24px}.TransactionRecatForm__headerWrapper__B7hYr{background:#1c2234;padding:24px 0 16px}.TransactionRecatForm__headerWrapper__B7hYr h2{font-size:32px;font-family:'serif';font-weight:200;text-align:left;line-height:1.2;color:#fff;padding:0;padding-right:40px;margin-top:-4px;width:auto;-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start;margin-bottom:16px}.TransactionRecatForm__headerWrapper__B7hYr h2 ~ div{background:#0b0014;padding:8px;border-radius:2px}.TransactionRecatForm__headerWrapper__B7hYr > div > div:first-child,.TransactionRecatForm__headerWrapper__B7hYr > div > div > div{color:#cdd2ec}.TransactionRecatForm__categories__qClvG{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:12px;grid-row-gap:8px}.TransactionRecatForm__categoryGroup__nVkN-{margin-bottom:32px}.TransactionRecatForm__categoryGroupTitle__VSrNC{color:#1c2234;font-size:14px;font-weight:700;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #ced5df;width:100%}.TransactionRecatForm__transferInfo__ty\+2U{grid-column:2/span 2;border-radius:8px;color:#6a7185;background-color:#f5f6f7;width:100%;height:5rem;padding:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:12px;line-height:1.3;position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.TransactionRecatForm__transferInfo__ty\+2U small{position:relative;z-index:1;margin:auto 0}.TransactionRecatForm__transferInfo__ty\+2U:before{content:'';border:solid var(--snow);border-width:0 3px 3px 0;display:inline-block;padding:7px;background:var(--snow);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:-6px;top:30px}.TransactionRecatForm__checkboxes__bndv6{margin-bottom:12px;color:#4d556c}@media screen and (min-width: 768px){.TransactionRecatForm__checkboxes__bndv6{margin-top:8px;margin-bottom:16px}}.TransactionRecatForm__transactionsLink__f55lx{display:inline-block;margin-top:4px;margin-left:32px;font-size:13px}.TransactionRecatForm__applyToAll__ILkUx{padding-bottom:12px}@media screen and (min-width: 768px){.TransactionRecatForm__applyToAll__ILkUx{padding-bottom:16px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FloatingPaneOldStyles__floatingPane__0NtxH{position:relative;height:100%}.FloatingPaneOldStyles__cross__Z5yLe{position:absolute;top:12px;right:16px;z-index:2;width:20px;height:20px;padding:0;color:#3172f5;z-index:10}@media screen and (min-width: 768px){.FloatingPaneOldStyles__cross__Z5yLe{position:absolute;top:16px;right:32px}}.FloatingPaneOldStyles__title__vBset{margin-bottom:8px;color:#4d556c;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:18px;line-height:1.35}@media screen and (min-width: 768px){.FloatingPaneOldStyles__title__vBset{margin-bottom:16px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.TransactionCategoryOption__transactionCategory__u0tzs{content:''}.TransactionCategoryOption__blue__c2Mcu{--theme-selected:#6a78c6;--theme-text:#36448c;--theme-bg:#eef0f9;--theme-icon:#6a78c6;--theme-hover:#cdd2ec}.TransactionCategoryOption__green__7GPRF{--theme-selected:#72bc5d;--theme-text:#387a25;--theme-bg:#ecf8e8;--theme-icon:#72bc5d;--theme-hover:#d6ebd0}.TransactionCategoryOption__gray__9bNvq{--theme-selected:#8c95a5;--theme-text:#3c425a;--theme-bg:#edeff1;--theme-icon:#8c95a5;--theme-hover:#ced5df}.TransactionCategoryOption__icon__7jJWU{display:block;margin:0 auto;margin-bottom:12px;width:24px;height:24px;color:var(--theme-icon)}.TransactionCategoryOption__label__y3Co-{-webkit-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);border-radius:.25rem;background-color:var(--theme-bg);font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:13px;color:var(--theme-text);text-align:center;width:100%;height:72px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 6px;cursor:pointer;box-shadow:1px 2px 3px 0 rgba(0,0,0,0.15);-webkit-transition:box-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1);-moz-transition:box-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1);-o-transition:box-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1);-ms-transition:box-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1);transition:box-shadow 250ms cubic-bezier(0.42, 0, 0.58, 1)}.TransactionCategoryOption__label__y3Co- span{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:12px}.TransactionCategoryOption__label__y3Co-:hover{background:var(--theme-hover);box-shadow:inset 1px 2px 3px 0 rgba(0,0,0,0.15)}.TransactionCategoryOption__radioInput__DOFQE{display:none}.TransactionCategoryOption__radioInput__DOFQE:checked + .TransactionCategoryOption__label__y3Co-{background-color:var(--theme-selected);color:#fff;box-shadow:inset 0 0 6px 2px rgba(0,0,0,0.15)}.TransactionCategoryOption__radioInput__DOFQE:checked + .TransactionCategoryOption__label__y3Co- svg{color:#fff}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FloatingPaneLayout__floatingPaneLayout__d4c5j{background:#fff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px}@media screen and (min-width: 415px){.FloatingPaneLayout__floatingPaneLayout__d4c5j{width:375px}}@media screen and (min-width: 768px){.FloatingPaneLayout__floatingPaneLayout__d4c5j{width:415px}}.FloatingPaneLayout__multiCardLayout__7XvF8,.FloatingPaneLayout__cardLayout__3mJZZ{background:#f5f6f7}.FloatingPaneLayout__cardLayout__3mJZZ{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.FloatingPaneLayout__cardLayout__3mJZZ .FloatingPaneLayout__cards__XHblm{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px}.FloatingPaneLayout__header__LIOdO,.FloatingPaneLayout__footer__\+ORV2{background:#edeff1;box-shadow:0 0 6px 2px rgba(0,0,0,0.35)}.FloatingPaneLayout__notification__QeMgE{width:100%;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.FloatingPaneLayout__header__LIOdO{z-index:2}.FloatingPaneLayout__header__LIOdO > *{padding-left:12px;padding-right:12px}@media screen and (min-width: 768px){.FloatingPaneLayout__header__LIOdO > *{padding-left:16px;padding-right:16px}}.FloatingPaneLayout__footer__\+ORV2{padding:12px;padding-bottom:8px;z-index:1}@media screen and (min-width: 768px){.FloatingPaneLayout__footer__\+ORV2{padding:12px 16px}}@media screen and (min-width: 768px),only screen and (min-device-width: 414px) and (min-device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait),only screen and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait){.FloatingPaneLayout__footer__\+ORV2{padding-bottom:16px}}.FloatingPaneLayout__body__UOUjQ,.FloatingPaneLayout__cardLayout__3mJZZ .FloatingPaneLayout__cards__XHblm{padding:32px 12px}@media screen and (min-width: 768px){.FloatingPaneLayout__body__UOUjQ,.FloatingPaneLayout__cardLayout__3mJZZ .FloatingPaneLayout__cards__XHblm{padding:24px 16px}}.FloatingPaneLayout__cross__bLiR2{position:absolute;top:8px;right:8px;z-index:3;width:32px;height:32px;padding:8px;color:#3172f5;background:rgba(255,255,255,0.1);border-bottom-left-radius:2px;stroke-width:2px;stroke:#3172f5}.FloatingPaneLayout__scrollableWrapper__kifjT{min-height:0;height:'100%'}.FloatingPaneLayout__withStaticHeader__oJtdz .FloatingPaneLayout__header__LIOdO{z-index:1;box-shadow:none;background:none}.FloatingPaneLayout__withStaticHeader__oJtdz .FloatingPaneLayout__cross__bLiR2{z-index:2}.FloatingPaneLayout__withStaticHeader__oJtdz .FloatingPaneLayout__notification__QeMgE{padding:0 16px}.FloatingPaneLayout__withStaticFooter__F5qVi .FloatingPaneLayout__footer__\+ORV2{box-shadow:none;background:none}.FloatingPaneLayout__verticallySpreadLayout__A3RWg{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;height:100%;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --border-radius: 5px;
}

.Blocks__cardBlock__cn53P {
  display: flex;

  min-width: 11.7rem;
  flex-direction: column;
  justify-content: top;

  background-color: var(--salt);
  border: 1px solid var(--silver);
  font-family: var(--sans);
    box-shadow:
      0 0 0 1px color(var(--slate) a(5%)),
      0 2px 10px color(var(--slate) a(0%));
  will-change: box-shadow;
}

.Blocks__noBorders__yc1Y8 {
  border: 0
}

.Blocks__withPadding__b2xW4 {
    padding-top: var(--space-default);
    padding-bottom: var(--space-default);
    padding-right: var(--space-default);
    padding-left: var(--space-default);
}

@media (min-width: 768px) {

.Blocks__withPadding__b2xW4 {
      padding-top: var(--space-medium);
}
    }

@media (min-width: 768px) {

.Blocks__withPadding__b2xW4 {
      padding-bottom: var(--space-medium);
}
    }

@media (min-width: 768px) {

.Blocks__withPadding__b2xW4 {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.Blocks__withPadding__b2xW4 {
      padding-left: var(--space-medium);
}
    }

@media (max-width: 414px) {

.Blocks__withPadding__b2xW4 {
    padding-left: 12px;
    padding-right: 12px;
}
  }

.Blocks__withShadow__p\+OuH {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    transition: box-shadow var(--fast) var(--ease-out);
}

.Blocks__withShadow__p\+OuH:hover {
      box-shadow:
        0 0 0 1px color(var(--slate) a(5%)),
        0 20px 20px color(var(--slate) a(12%));
    }

.Blocks__softShadow__P3v0M,
  .Blocks__softShadow__P3v0M:hover {
    box-shadow:
      0 0 0 1px color(var(--slate) a(5%)),
      0 10px 20px color(var(--slate) a(12%));
    transition: box-shadow var(--fast) var(--ease-out);
  }

.Blocks__mediumShadow__vQFSp {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.Blocks__fullHeight__I5LRB {
  height: 100%;
  box-sizing: border-box;
}

.Blocks__notification__6wr5E {
  margin: 1.4rem auto;
  line-height: 1.4;
  color: var(--body-text-color);
  text-align: center;
}

.Blocks__notificationInner__sW47s {
  display: inline-block;
}

.Blocks__expanded__HJuU2 {
  height: 13rem;
}

.Blocks__forceRoundedCorners__HnhRP {}

.Blocks__bottomCorners__1NWrS {
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.Blocks__bottomCorners__1NWrS:not(.Blocks__forceRoundedCorners__HnhRP) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

@media (min-width: 415px) {

.Blocks__bottomCorners__1NWrS {
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}
  }

.Blocks__topCorners__CmagV {
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.Blocks__topCorners__CmagV:not(.Blocks__forceRoundedCorners__HnhRP) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

@media (min-width: 415px) {

.Blocks__topCorners__CmagV {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}
  }

.Blocks__allCorners__N2BUz {
}

.Blocks__noShadow__T04M2 {
  box-shadow: unset;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Blocks__emptyCopy__IeOSl{padding:0 16px}.Blocks__emptyCta__rwolw{margin-top:32px;height:53px;max-width:276px;margin-left:auto;margin-right:auto}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.TransactionNarrow__transactionNarrow__JZkcC{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"sans", "Arial", sans-serif;font-size:16px;width:100%}.TransactionNarrow__header__CSrvU{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#4d556c;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-weight:400;letter-spacing:-.24px;margin-bottom:4px}.TransactionNarrow__description__Gp-mx{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.TransactionNarrow__absentDescription__kHy06{color:#afbac6}.TransactionNarrow__tooltip__52YxS{-webkit-flex-shrink:0;flex-shrink:0;margin-left:8px;position:relative;width:16px;height:16px}.TransactionNarrow__amount__LWzMq{color:#4d556c;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-shrink:0;flex-shrink:0;font-weight:500;margin-left:8px;text-align:right}.TransactionNarrow__subheader__80iFf{color:#8c95a5;font-size:12px;letter-spacing:-.16px;margin-bottom:7px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.TransactionNarrow__category__3fx45{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:24px}.TransactionNarrow__category__3fx45.TransactionNarrow__constrained__gGBQ6{max-width:259px}@media screen and (min-width: 375px){.TransactionNarrow__category__3fx45.TransactionNarrow__constrained__gGBQ6{max-width:312px}}@media screen and (min-width: 768px){.TransactionNarrow__category__3fx45.TransactionNarrow__constrained__gGBQ6{max-width:352px}}.TransactionNarrow__footer__Ir5oU{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative}.TransactionNarrow__arrowIcon__1n841{width:16px;height:16px;margin:0 8px;-webkit-flex-shrink:0;flex-shrink:0}.TransactionNarrow__arrowIcon__1n841 svg{fill:#3172f5}.TransactionNarrow__hintIcon__ejAt5{height:14px;margin-left:8px;position:relative;width:14px}.TransactionNarrow__removeLowerMargin__-i85Q{margin-bottom:0}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.TooltipIcon__textCenter__GBNBT {
  text-align: center;
}

.TooltipIcon__outerWrapper__WGvEX {
  width: 100%;
  height: 100%;
}

.TooltipIcon__container__LgyMT {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 768px) {

.TooltipIcon__container__LgyMT {
    justify-content: flex-start;
    margin-left: -20px;
}
  }

.TooltipIcon__iconWrapper__fiO0q {
  width: 16px;
  height: 16px;
  margin-top: -3px;
}

.TooltipIcon__container__LgyMT .TooltipIcon__tooltipIcon__IhZkk {
  width: 16px;
  height: 16px;
}

.TooltipIcon__tooltipIcon__IhZkk {
  height: 100%;
  width: 100%;
  border-radius: 100%;
  background: var(--silver);
  cursor: pointer;
}

.TooltipIcon__tooltipIcon__IhZkk::before {
      content: '';
      position: absolute;
      border-radius: 50%;
      cursor: pointer;
      top: -4px;
      right: -4px;
      bottom: -4px;
      left: -4px;
    }

.TooltipIcon__tooltipIcon__IhZkk.TooltipIcon__transparent__R3awV {
    background: transparent;
  }

.TooltipIcon__wide__kPKSl {}

.TooltipIcon__tooltipIconWrapper__oUGNC {
    display: inline-block;
    position: absolute;
    width: .8rem;
    height: .8rem;

    top: 50%;
    margin-top: -.4rem;
}

* ~ .TooltipIcon__tooltipIconWrapper__oUGNC {
      margin-left: .4rem;
    }

.TooltipIcon__tooltipOpened__s8OGU {}

.TooltipIcon__tooltipContainer__I-QL9 {
    position: absolute;
    z-index: 11;
    bottom: calc(100% + .48rem);
    left: 50%;
    display: inline-block;
    visibility: hidden;
    transform: translateY(0) translateX(-50%);
    opacity: 0;
    transition: opacity var(--fast) var(--ease-out-quint), transform var(--fast) var(--ease-out-quint);
  margin-bottom: -16px;
  padding-bottom: 16px;
  width: 9.6rem;
}

.TooltipIcon__wide__kPKSl .TooltipIcon__tooltipContainer__I-QL9 {
    width: 13rem;
  }

.TooltipIcon__incorrect__uG27v .TooltipIcon__tooltipContainer__I-QL9 {
    width: unset;
  }

.TooltipIcon__tooltipOpened__s8OGU .TooltipIcon__tooltipContainer__I-QL9 {
    visibility: visible;
    transform: translateY(-.34rem) translateX(-50%);
    opacity: 1;
  }

.TooltipIcon__onBottom__F6khh {
  bottom: 0;
  right: 0;
  transform: translateY(90%) !important;
}

.TooltipIcon__warning__j74X- {
  background: var(--warning);
}

.TooltipIcon__danger__GRUxn {
  background: var(--danger);
}

.TooltipIcon__secure__RB\+5c {
  border-radius: 0;
  background: transparent;
  color: var(--action);
}

.TooltipIcon__message__iVTBY {
  margin-left: 4px;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.TransactionCategory__transactionCategory__1YCdH{border:none;padding:0;background-color:transparent;cursor:pointer;text-transform:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;background:var(--theme-bg);border-radius:16px;border:1px solid transparent;color:var(--theme-color);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;max-width:fill-available;overflow:hidden;position:relative;text-align:left;-webkit-transition:color 650ms cubic-bezier(0.19, 1, 0.22, 1), background 650ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 650ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:color 650ms cubic-bezier(0.19, 1, 0.22, 1), background 650ms cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 650ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:color 650ms cubic-bezier(0.19, 1, 0.22, 1), background 650ms cubic-bezier(0.19, 1, 0.22, 1), -o-transform 650ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:color 650ms cubic-bezier(0.19, 1, 0.22, 1), background 650ms cubic-bezier(0.19, 1, 0.22, 1), -ms-transform 650ms cubic-bezier(0.19, 1, 0.22, 1);transition:color 650ms cubic-bezier(0.19, 1, 0.22, 1), background 650ms cubic-bezier(0.19, 1, 0.22, 1), transform 650ms cubic-bezier(0.19, 1, 0.22, 1);cursor:pointer}.TransactionCategory__transactionCategory__1YCdH:focus{outline:none}.TransactionCategory__transactionCategory__1YCdH:disabled{cursor:default}.TransactionCategory__transactionCategory__1YCdH:not(:disabled):active{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.TransactionCategory__transactionCategory__1YCdH::before{display:none}.TransactionCategory__transactionCategory__1YCdH:disabled{cursor:default}.TransactionCategory__transactionCategory__1YCdH:disabled.TransactionCategory__withTooltip__uuHDF{overflow:visible}.TransactionCategory__transactionCategory__1YCdH:disabled:not(.TransactionCategory__withTooltip__uuHDF){pointer-events:none}.TransactionCategory__transactionCategory__1YCdH:disabled:hover .TransactionCategory__tooltipContainer__fSONi{visibility:visible;-webkit-transform:translateY(-5px) translateX(-50%);-moz-transform:translateY(-5px) translateX(-50%);-o-transform:translateY(-5px) translateX(-50%);-ms-transform:translateY(-5px) translateX(-50%);transform:translateY(-5px) translateX(-50%);opacity:1;-ms-filter:none;filter:none}.TransactionCategory__transactionCategory__1YCdH:enabled:hover{background:var(--theme-hover)}.TransactionCategory__transactionCategory__1YCdH:enabled:active{box-shadow:inset 1px 2px 2px #6a7185}.TransactionCategory__iconWrapper__nbp9v{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;border-bottom-left-radius:12px;border-right:1px solid var(--theme-border);border-top-left-radius:12px;display:none;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-shrink:0;flex-shrink:0;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:26px}@media screen and (min-width: 375px){.TransactionCategory__iconWrapper__nbp9v{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}}.TransactionCategory__icon__rLrBv{width:16px;height:16px;-webkit-transform:translateX(1px);-moz-transform:translateX(1px);-o-transform:translateX(1px);-ms-transform:translateX(1px);transform:translateX(1px)}.TransactionCategory__title__rzy9k{-webkit-flex-shrink:1;flex-shrink:1;line-height:1.4;margin:3px 8px 1px 8px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.TransactionCategory__tooltipContainer__fSONi{display:inline-block;position:absolute;left:50%;bottom:calc(100% + 8px);z-index:11;visibility:hidden;-webkit-transform:translateY(0) translateX(-50%);-moz-transform:translateY(0) translateX(-50%);-o-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity 250ms , -webkit-transform 250ms;-moz-transition:opacity 250ms , -moz-transform 250ms;-o-transition:opacity 250ms , -o-transform 250ms;-ms-transition:opacity 250ms , -ms-transform 250ms;transition:opacity 250ms , transform 250ms}.TransactionCategory__blue__sXsYQ{--theme-color:#404fa2;--theme-bg:#eef0f9;--theme-dim:#eef0f9;--theme-hover:#cdd2ec}.TransactionCategory__green__avN2Q{--theme-color:#44932d;--theme-bg:#ecf8e8;--theme-dim:#ecf8e8;--theme-hover:#d6ebd0}.TransactionCategory__gray__m3P2w{--theme-color:#4d556c;--theme-bg:#f5f6f7;--theme-dim:#f5f6f7;--theme-hover:#ced5df}.TransactionCategory__dim__79uxx{background:var(--theme-dim)}.TransactionCategory__dim__79uxx .TransactionCategory__icon__rLrBv,.TransactionCategory__dim__79uxx .TransactionCategory__title__rzy9k{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}.TransactionCategory__dim__79uxx .TransactionCategory__slim__Pr5Yn{color:#4d556c;background:transparent;border:none;-webkit-transform:translateX(-4px);-moz-transform:translateX(-4px);-o-transform:translateX(-4px);-ms-transform:translateX(-4px);transform:translateX(-4px);height:16px;font-weight:300;font-size:12px}.TransactionCategory__dim__79uxx .TransactionCategory__slim__Pr5Yn .TransactionCategory__iconWrapper__nbp9v{border:none}.TransactionCategory__dim__79uxx .TransactionCategory__slim__Pr5Yn .TransactionCategory__title__rzy9k{margin:0;margin-left:2px}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.Table2__textCenter__XCsaI {
  text-align: center;
}

:root {
  --header-bg-color: var(--satin);
  --border: 1px solid var(--silver);
  --cell-padding: 6px 0 .25rem 1rem;

  --row-height: 64px;

  --sorting-arrow-size: 5px;
}

.Table2__tableContainer__mp7XR {
  font-family: var(--sans);
  position: relative;
  width: 100%;
}

.Table2__table__hIMoZ {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid var(--silver);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

@media (min-width: 768px) {

.Table2__table__hIMoZ {
    border: none;
}
  }

.Table2__headerRow__AAHx9 {
  height: var(--row-height);
  box-sizing: border-box;

  border: var(--border);
  border-radius: 5px 5px 0 0;
  background-color: var(--header-bg-color);
  font-size: 16px;
  font-weight: 600;
}

.Table2__headerRow__AAHx9.Table2__white__\+1Vc2 {
    background-color: var(--salt);
  }

.Table2__headerCell__TXi8a {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-size: 9px;
    font-weight: var(--semi-bold);
    letter-spacing: -0.3px;
    text-transform: uppercase;
    line-height: 1;
  padding: var(--cell-padding);
  color: var(--stone);
  white-space: nowrap;
  box-sizing: border-box;
  text-align: left;
  vertical-align: middle;
  border-top: var(--border);
  border-bottom: var(--border);
}

@media (min-width: 768px) {

.Table2__headerCell__TXi8a {
      font-size: 12px;
}
    }

.Table2__headerCell__TXi8a:first-child {
    padding-left: var(--space-default);
    border-left: var(--border);
    border-top-left-radius: 5px;
  }

@media (min-width: 768px) {

.Table2__headerCell__TXi8a:first-child {
      padding-left: var(--space-medium);
  }
    }

.Table2__headerCell__TXi8a:last-child {
    padding-right: var(--space-default);
    border-right: var(--border);
    border-top-right-radius: 5px;
  }

@media (min-width: 768px) {

.Table2__headerCell__TXi8a:last-child {
      padding-right: var(--space-medium);
  }
    }

.Table2__white__\+1Vc2 .Table2__headerCell__TXi8a {
    font-weight: var(--semi-bold);
  }

.Table2__sortableHeaderCell__8YiXZ {
  cursor: pointer;
}

.Table2__headerTitle__45NA3 {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}

.Table2__sortingWrapper__Nj\+te {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 16px;
  line-height: 16px;
  margin-left: 4px;
  top: -2px;
}

@media (min-width: 1024px) {

.Table2__sortingWrapper__Nj\+te {
    top: 0;
}
  }

.Table2__sortingWrapper__Nj\+te::before,
  .Table2__sortingWrapper__Nj\+te::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: var(--sorting-arrow-size) solid transparent;
  }

.Table2__sortingWrapper__Nj\+te::before {
    bottom: 100%;
    transform: translateY(7px);
    border-bottom-color: inherit;
  }

.Table2__sortingWrapper__Nj\+te::after {
    top: 100%;
    transform: translateY(-7px);
    border-top-color: inherit;
  }

.Table2__sortingWrapper__Nj\+te.Table2__withHelpText__O9xaj {
    right: -1.2rem;
  }

.Table2__up__zMf7p::before {
  border-bottom-color: var(--action);
}

.Table2__down__i\+XkH::after {
  border-top-color: var(--action);
}

.Table2__body__ltBlc::after {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.Table2__row__zROxA {
  height: var(--row-height);
  box-sizing: border-box;
  background-color: var(--salt);
}

.Table2__row__zROxA:last-child .Table2__cell__Ab0yr:first-child {
      border-bottom-left-radius: 5px;
    }

.Table2__row__zROxA:last-child .Table2__cell__Ab0yr:last-child {
      border-bottom-right-radius: 5px;
    }

.Table2__cell__Ab0yr {
    word-break: break-all;
    
    word-break: break-word;

  vertical-align: middle;

  border-bottom: var(--border);
}

.Table2__cell__Ab0yr:first-child {
    border-left: var(--border);
  }

.Table2__cell__Ab0yr:last-child {
    border-right: var(--border);
  }

.Table2__cell__Ab0yr:not(.Table2__cellSimpleStyles__LDZPL) {
    padding: var(--cell-padding);
    color: var(--body-text-color);
    font-size: 1rem;

    line-height: 1.25;
  }

.Table2__cell__Ab0yr:not(.Table2__cellSimpleStyles__LDZPL):first-child {
    padding-left: var(--space-default);
    }

@media (min-width: 768px) {

.Table2__cell__Ab0yr:not(.Table2__cellSimpleStyles__LDZPL):first-child {
      padding-left: var(--space-medium);
    }
    }

.Table2__cell__Ab0yr:not(.Table2__cellSimpleStyles__LDZPL):last-child {
    padding-right: var(--space-default);
    }

@media (min-width: 768px) {

.Table2__cell__Ab0yr:not(.Table2__cellSimpleStyles__LDZPL):last-child {
      padding-right: var(--space-medium);
    }
    }

@media (min-width: 768px) {

.Table2__cell__Ab0yr:not(.Table2__cellSimpleStyles__LDZPL) input {
        color: var(--body-text-color);
    }
      }

.Table2__cell__Ab0yr[rowspan] {
    vertical-align: top;
    padding-top: 24px;
  }

.Table2__footer__eHSn3 {
  border-top: .17rem solid var(--snow);
  border-radius: 0 0 .28rem .28rem;
}

.Table2__footer__eHSn3::before {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.Table2__pageSizeSelectorWrapper__RbwOM {
  /* pin the item to the right-hand side */
  margin-left: auto;
}

.Table2__tooltipIconWrapper__pjeJn {
  position: absolute;
  top: -2px;
  right: -1.2rem;
  width: .8rem;
  height: .8rem;
  text-transform: none;
}

/* ----------- SPECIFIC TABLE STYLES ------------- */

/*
  Last column of the following two table are the least significant
  so we can hide them for certain viewports assuming this would work for all the data.
 */

.Table2__isMobile__FLpot {}

.Table2__debtsAccountDetails__heo4n:not(.Table2__isMobile__FLpot) th:last-child,
  .Table2__creditAccountDetails__A\+tSB:not(.Table2__isMobile__FLpot) th:last-child,
  .Table2__debtsAccountDetails__heo4n:not(.Table2__isMobile__FLpot) td:last-child,
  .Table2__creditAccountDetails__A\+tSB:not(.Table2__isMobile__FLpot) td:last-child {
    display: none;
  }

@media (min-width: 1280px) {

.Table2__debtsAccountDetails__heo4n:not(.Table2__isMobile__FLpot) th:last-child,
  .Table2__creditAccountDetails__A\+tSB:not(.Table2__isMobile__FLpot) th:last-child,
  .Table2__debtsAccountDetails__heo4n:not(.Table2__isMobile__FLpot) td:last-child,
  .Table2__creditAccountDetails__A\+tSB:not(.Table2__isMobile__FLpot) td:last-child {
      display: table-cell;
  }
    }

.Table2__debtsAccountDetails__heo4n th:nth-child(1) {
    width: 20%;
  }

@media (min-width: 1024px) {

.Table2__debtsAccountDetails__heo4n th:nth-child(1) {
      width: 15%;
  }
    }

.Table2__debtsAccountDetails__heo4n th:nth-child(2) {
    width: 25%;
  }

.Table2__debtsAccountDetails__heo4n th:nth-child(3) {
    width: 115px;
  }

.Table2__debtsAccountDetails__heo4n th:nth-child(4) {
    width: 115px;
  }

.Table2__debtsAccountDetails__heo4n th:nth-child(5) {
    width: 115px;
  }

.Table2__debtsAccountDetails__heo4n th:nth-child(6) {
    width: 115px;
  }

.Table2__debtsAccountDetails__heo4n td:last-child {
    word-break: inherit;
  }

.Table2__assetsAccountDetails__3-4RH th:nth-child(1) {
    width: 26vw;
  }

@media (min-width: 1024px) {

.Table2__assetsAccountDetails__3-4RH th:nth-child(1) {
      width: 20vw;
  }
    }

.Table2__assetsAccountDetails__3-4RH th:nth-child(2) {
    width: 15vw;
  }

.Table2__assetsAccountDetails__3-4RH th:nth-child(3) {
    width: 180px;
  }

.Table2__transactions__-VxIQ {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;

  font-family: var(--sans);
}

.Table2__transactions__-VxIQ th:nth-child(1),
  .Table2__transactions__-VxIQ td:nth-child(1) {
    width: 17%;
  }

.Table2__transactions__-VxIQ th:nth-child(2),
  .Table2__transactions__-VxIQ td:nth-child(2) {
    width: 26%;
  }

.Table2__transactions__-VxIQ th:nth-child(3),
  .Table2__transactions__-VxIQ td:nth-child(3) {
    width: 17%;
  }

.Table2__transactions__-VxIQ th:nth-child(4),
  .Table2__transactions__-VxIQ td:nth-child(4) {
    width: 21%;
  }

.Table2__transactions__-VxIQ th:nth-child(5),
  .Table2__transactions__-VxIQ td:nth-child(5) {
    width: 11%;
  }

.Table2__transactions__-VxIQ th:nth-child(6),
  .Table2__transactions__-VxIQ td:nth-child(6) {
    width: 10%;
    padding-right: 16px;
  }

.Table2__hidden__H-UtQ {
  display: none;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.TextField__textbox__qnJkJ {
  position: relative;
  max-height: inherit;
  padding-top: 6px;
}

.TextField__textboxInner__H2UxG {
  position: relative;
  width: 100%;
  height: calc(var(--text-field-font-size) + 12px);
  max-height: inherit;
  border-bottom: 1px solid var(--storm);
}

.TextField__textboxInner__H2UxG.TextField__showLabelAsLink__odmLh:not(.TextField__active__bYrCW) {
    border: none;
  }

.TextField__textboxInner__H2UxG.TextField__active__bYrCW {
    border-color: var(--action);
  }

.TextField__textboxInner__H2UxG.TextField__red__tUwlX {
    border-color: var(--danger);
  }

.TextField__textboxInner__H2UxG.TextField__yellow__AhPKP {
    border-color: var(--warning);
  }

.TextField__textboxInner__H2UxG.TextField__green__3Y1bD {
    border-color: var(--success);
  }

.TextField__inputWrapper__6mY7b {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.TextField__inputWrapper__6mY7b.TextField__withEllipsis__0PEPY::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 3rem;
    height: 100%;
    background: linear-gradient(
      to right,
      color(var(--salt) a(0%)),
      color(var(--salt) a(90%)),
      color(var(--salt) a(100%))
    );
    pointer-events: none;
  }

.TextField__inputWrapper__6mY7b.TextField__withEllipsis__0PEPY.TextField__ellipsisGray__FKAJU::after {
    background: linear-gradient(
      to right,
      color(var(--satin) a(0%)),
      color(var(--satin) a(90%)),
      color(var(--satin) a(100%))
    );
  }

.TextField__inputWrapper__6mY7b.TextField__withEllipsis__0PEPY.TextField__ellipsisSnow__ACK9d::after {
    background: linear-gradient(
      to right,
      color(var(--snow) a(0%)),
      color(var(--snow) a(90%)),
      color(var(--snow) a(100%))
    );
  }

.TextField__inputWrapper__6mY7b.TextField__withEllipsis__0PEPY.TextField__ellipsisDark__EsFJ6::after {
    background: linear-gradient(
      to right,
      color(var(--shadow) a(0%)),
      color(var(--shadow) a(90%)),
      color(var(--shadow) a(100%))
    );
  }

.TextField__textSecurity__3PJP9 {}

.TextField__input__LP4VK {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--heading-text-color);
  font-size: var(--text-field-font-size);
  letter-spacing: -.2px;
  outline: none;
  /*
  This property stops Mobile Safari from autoscrolling an empty text field into the viewport.
  And as I've noticed it does not work anyway.

  opacity: 0;
  */
  transition: opacity .3s;
}

.TextField__input__LP4VK:-moz-read-only {
    cursor: default;
  }

.TextField__input__LP4VK:read-only {
    cursor: default;
  }

/* default autocompleted fields in Chrome are too bright on white background */

.TextField__input__LP4VK:-webkit-autofill,
  .TextField__input__LP4VK:-webkit-autofill:hover,
  .TextField__input__LP4VK:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--autofill-color) inset;
  }

@media (max-width: 767px) {

.TextField__input__LP4VK[data-qa-marker="date-input"] {
      background: url("/images/icons/calendar.svg") no-repeat right;
  }
    }

.TextField__input__LP4VK.TextField__textSecurity__3PJP9 {
    font-family: text-security-disc;
    -webkit-text-security: disc;
  }

.TextField__decoration__4dmap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
}

.TextField__withValue__dyoqx .TextField__input__LP4VK,
.TextField__active__bYrCW .TextField__input__LP4VK {
  opacity: 1;
}

.TextField__labelWrapper__O42l3 {
  position: absolute;
  bottom: 4px;
  left: 1px;
  opacity: 1;

  transition: transform .3s, opacity .3s;

  pointer-events: none;
}

.TextField__withValue__dyoqx .TextField__labelWrapper__O42l3 {
    /* `em` are used intentionally here. A translate value should be dependant on a parent font-size. */
    transform: translateY(-1.33em);
  }

.TextField__showLabelAsLink__odmLh.TextField__withValue__dyoqx  .TextField__labelWrapper__O42l3 {
    opacity: 0;
  }

.TextField__label__Al9yK {
  color: var(--body-text-color);
  font-size: .75rem;
  cursor: text;
}

.TextField__active__bYrCW .TextField__label__Al9yK, .TextField__showLabelAsLink__odmLh .TextField__label__Al9yK {
  color: var(--action);
}

.TextField__showLabelAsLink__odmLh .TextField__label__Al9yK {
  position: relative;
  top: -2px;
}

.TextField__withValue__dyoqx .TextField__label__Al9yK {
  /* `em` are used intentionally here. A translate value should be dependant on a parent font-size. */
  transform: translateY(-1.5em);
}

.TextField__error__Q8bjH {
  border-color: var(--danger);
}

.TextField__disabled__m5y1l {
  opacity: .5;
}

.TextField__disabled__m5y1l .TextField__label__Al9yK {
  opacity: .5;
}

.TextField__textBoxSpinner__NvVpo {
  position: absolute;
  right: -1px;
  bottom: 0;
}

.TextField__errorsWrapper__mLqD9 {
  margin-bottom: -1rem;
  margin-left: 1px;
  font-size: .75rem;
  text-align: left;
}

.TextField__errorsWrapper__mLqD9.TextField__singleError__TVfh8 {
    position: absolute;
    top: calc(100% + .25rem);
  }

.TextField__errorsWrapper__mLqD9.TextField__multipleErrors__hTzW4 {
    margin-top: .25rem;
  }

.TextField__errorList__tvm6i {
  padding-bottom: .5rem;
  color: var(--danger);
}

.TextField__errorListItem__yJLrF:not(:last-of-type), .TextField__rule__gQaTz:not(:last-of-type), .TextField__guideline__GzyXm:not(:last-of-type) {
    margin-bottom: .2rem;
  }

.TextField__rule__gQaTz,
.TextField__guideline__GzyXm {
  color: var(--smoke);
}

.TextField__ruleDot__MwZ5X {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 1.2rem;
  margin-left: 1px;
  border-radius: 100%;
  background: var(--smoke);
}

.TextField__ruleCheckmark__Nf-60 {
  margin-right: .8rem;
}

.TextField__validRule__uNYny {
  color: var(--action);
}

.TextField__tooltipIconWrapper__pQtmg {
  z-index: 2;
  top: 8px;
  pointer-events: all;
}

.TextField__labelText__q8Gf- {
  display: inline-block;
  vertical-align: middle;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.TransactionEditForm__textCenter__uI1sm {
  text-align: center;
}

:root {
  --header-bg-color: var(--satin);
  --border: 1px solid var(--silver);
  --cell-padding: 6px 0 .25rem 1rem;

  --row-height: 64px;

  --sorting-arrow-size: 5px;
}

.TransactionEditForm__tableContainer__QeLLX {
  font-family: var(--sans);
  position: relative;
  width: 100%;
}

.TransactionEditForm__table__P9mLP {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid var(--silver);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

@media (min-width: 768px) {

.TransactionEditForm__table__P9mLP {
    border: none;
}
  }

.TransactionEditForm__headerRow__KSYYN {
  height: var(--row-height);
  box-sizing: border-box;

  border: var(--border);
  border-radius: 5px 5px 0 0;
  background-color: var(--header-bg-color);
  font-size: 16px;
  font-weight: 600;
}

.TransactionEditForm__headerRow__KSYYN.TransactionEditForm__white__BO7xW {
    background-color: var(--salt);
  }

.TransactionEditForm__headerCell__g4ZNi {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-size: 9px;
    font-weight: var(--semi-bold);
    letter-spacing: -0.3px;
    text-transform: uppercase;
    line-height: 1;
  padding: var(--cell-padding);
  color: var(--stone);
  white-space: nowrap;
  box-sizing: border-box;
  text-align: left;
  vertical-align: middle;
  border-top: var(--border);
  border-bottom: var(--border);
}

@media (min-width: 768px) {

.TransactionEditForm__headerCell__g4ZNi {
      font-size: 12px;
}
    }

.TransactionEditForm__headerCell__g4ZNi:first-child {
    padding-left: var(--space-default);
    border-left: var(--border);
    border-top-left-radius: 5px;
  }

@media (min-width: 768px) {

.TransactionEditForm__headerCell__g4ZNi:first-child {
      padding-left: var(--space-medium);
  }
    }

.TransactionEditForm__headerCell__g4ZNi:last-child {
    padding-right: var(--space-default);
    border-right: var(--border);
    border-top-right-radius: 5px;
  }

@media (min-width: 768px) {

.TransactionEditForm__headerCell__g4ZNi:last-child {
      padding-right: var(--space-medium);
  }
    }

.TransactionEditForm__white__BO7xW .TransactionEditForm__headerCell__g4ZNi {
    font-weight: var(--semi-bold);
  }

.TransactionEditForm__sortableHeaderCell__vRj6o {
  cursor: pointer;
}

.TransactionEditForm__headerTitle__y02m6 {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}

.TransactionEditForm__sortingWrapper__I1CQT {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 16px;
  line-height: 16px;
  margin-left: 4px;
  top: -2px;
}

@media (min-width: 1024px) {

.TransactionEditForm__sortingWrapper__I1CQT {
    top: 0;
}
  }

.TransactionEditForm__sortingWrapper__I1CQT::before,
  .TransactionEditForm__sortingWrapper__I1CQT::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: var(--sorting-arrow-size) solid transparent;
  }

.TransactionEditForm__sortingWrapper__I1CQT::before {
    bottom: 100%;
    transform: translateY(7px);
    border-bottom-color: inherit;
  }

.TransactionEditForm__sortingWrapper__I1CQT::after {
    top: 100%;
    transform: translateY(-7px);
    border-top-color: inherit;
  }

.TransactionEditForm__sortingWrapper__I1CQT.TransactionEditForm__withHelpText__zeovu {
    right: -1.2rem;
  }

.TransactionEditForm__up__anPjQ::before {
  border-bottom-color: var(--action);
}

.TransactionEditForm__down__vBl3V::after {
  border-top-color: var(--action);
}

.TransactionEditForm__body__EUv7v::after {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.TransactionEditForm__row__RV\+\+F {
  height: var(--row-height);
  box-sizing: border-box;
  background-color: var(--salt);
}

.TransactionEditForm__row__RV\+\+F:last-child .TransactionEditForm__cell__Iby-N:first-child {
      border-bottom-left-radius: 5px;
    }

.TransactionEditForm__row__RV\+\+F:last-child .TransactionEditForm__cell__Iby-N:last-child {
      border-bottom-right-radius: 5px;
    }

.TransactionEditForm__cell__Iby-N {
    word-break: break-all;
    
    word-break: break-word;

  vertical-align: middle;

  border-bottom: var(--border);
}

.TransactionEditForm__cell__Iby-N:first-child {
    border-left: var(--border);
  }

.TransactionEditForm__cell__Iby-N:last-child {
    border-right: var(--border);
  }

.TransactionEditForm__cell__Iby-N:not(.TransactionEditForm__cellSimpleStyles__igV-D) {
    padding: var(--cell-padding);
    color: var(--body-text-color);
    font-size: 1rem;

    line-height: 1.25;
  }

.TransactionEditForm__cell__Iby-N:not(.TransactionEditForm__cellSimpleStyles__igV-D):first-child {
    padding-left: var(--space-default);
    }

@media (min-width: 768px) {

.TransactionEditForm__cell__Iby-N:not(.TransactionEditForm__cellSimpleStyles__igV-D):first-child {
      padding-left: var(--space-medium);
    }
    }

.TransactionEditForm__cell__Iby-N:not(.TransactionEditForm__cellSimpleStyles__igV-D):last-child {
    padding-right: var(--space-default);
    }

@media (min-width: 768px) {

.TransactionEditForm__cell__Iby-N:not(.TransactionEditForm__cellSimpleStyles__igV-D):last-child {
      padding-right: var(--space-medium);
    }
    }

@media (min-width: 768px) {

.TransactionEditForm__cell__Iby-N:not(.TransactionEditForm__cellSimpleStyles__igV-D) input {
        color: var(--body-text-color);
    }
      }

.TransactionEditForm__cell__Iby-N[rowspan] {
    vertical-align: top;
    padding-top: 24px;
  }

.TransactionEditForm__footer__lD\+D1 {
  border-top: .17rem solid var(--snow);
  border-radius: 0 0 .28rem .28rem;
}

.TransactionEditForm__footer__lD\+D1::before {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.TransactionEditForm__pageSizeSelectorWrapper__5NgVA {
  /* pin the item to the right-hand side */
  margin-left: auto;
}

.TransactionEditForm__tooltipIconWrapper__fl-RF {
  position: absolute;
  top: -2px;
  right: -1.2rem;
  width: .8rem;
  height: .8rem;
  text-transform: none;
}

/* ----------- SPECIFIC TABLE STYLES ------------- */

/*
  Last column of the following two table are the least significant
  so we can hide them for certain viewports assuming this would work for all the data.
 */

.TransactionEditForm__isMobile__4ZYV5 {}

.TransactionEditForm__debtsAccountDetails__6etLd:not(.TransactionEditForm__isMobile__4ZYV5) th:last-child,
  .TransactionEditForm__creditAccountDetails__suMXZ:not(.TransactionEditForm__isMobile__4ZYV5) th:last-child,
  .TransactionEditForm__debtsAccountDetails__6etLd:not(.TransactionEditForm__isMobile__4ZYV5) td:last-child,
  .TransactionEditForm__creditAccountDetails__suMXZ:not(.TransactionEditForm__isMobile__4ZYV5) td:last-child {
    display: none;
  }

@media (min-width: 1280px) {

.TransactionEditForm__debtsAccountDetails__6etLd:not(.TransactionEditForm__isMobile__4ZYV5) th:last-child,
  .TransactionEditForm__creditAccountDetails__suMXZ:not(.TransactionEditForm__isMobile__4ZYV5) th:last-child,
  .TransactionEditForm__debtsAccountDetails__6etLd:not(.TransactionEditForm__isMobile__4ZYV5) td:last-child,
  .TransactionEditForm__creditAccountDetails__suMXZ:not(.TransactionEditForm__isMobile__4ZYV5) td:last-child {
      display: table-cell;
  }
    }

.TransactionEditForm__debtsAccountDetails__6etLd th:nth-child(1) {
    width: 20%;
  }

@media (min-width: 1024px) {

.TransactionEditForm__debtsAccountDetails__6etLd th:nth-child(1) {
      width: 15%;
  }
    }

.TransactionEditForm__debtsAccountDetails__6etLd th:nth-child(2) {
    width: 25%;
  }

.TransactionEditForm__debtsAccountDetails__6etLd th:nth-child(3) {
    width: 115px;
  }

.TransactionEditForm__debtsAccountDetails__6etLd th:nth-child(4) {
    width: 115px;
  }

.TransactionEditForm__debtsAccountDetails__6etLd th:nth-child(5) {
    width: 115px;
  }

.TransactionEditForm__debtsAccountDetails__6etLd th:nth-child(6) {
    width: 115px;
  }

.TransactionEditForm__debtsAccountDetails__6etLd td:last-child {
    word-break: inherit;
  }

.TransactionEditForm__assetsAccountDetails__8vAix th:nth-child(1) {
    width: 26vw;
  }

@media (min-width: 1024px) {

.TransactionEditForm__assetsAccountDetails__8vAix th:nth-child(1) {
      width: 20vw;
  }
    }

.TransactionEditForm__assetsAccountDetails__8vAix th:nth-child(2) {
    width: 15vw;
  }

.TransactionEditForm__assetsAccountDetails__8vAix th:nth-child(3) {
    width: 180px;
  }

.TransactionEditForm__transactions__6Be92 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;

  font-family: var(--sans);
}

.TransactionEditForm__transactions__6Be92 th:nth-child(1),
  .TransactionEditForm__transactions__6Be92 td:nth-child(1) {
    width: 17%;
  }

.TransactionEditForm__transactions__6Be92 th:nth-child(2),
  .TransactionEditForm__transactions__6Be92 td:nth-child(2) {
    width: 26%;
  }

.TransactionEditForm__transactions__6Be92 th:nth-child(3),
  .TransactionEditForm__transactions__6Be92 td:nth-child(3) {
    width: 17%;
  }

.TransactionEditForm__transactions__6Be92 th:nth-child(4),
  .TransactionEditForm__transactions__6Be92 td:nth-child(4) {
    width: 21%;
  }

.TransactionEditForm__transactions__6Be92 th:nth-child(5),
  .TransactionEditForm__transactions__6Be92 td:nth-child(5) {
    width: 11%;
  }

.TransactionEditForm__transactions__6Be92 th:nth-child(6),
  .TransactionEditForm__transactions__6Be92 td:nth-child(6) {
    width: 10%;
    padding-right: 16px;
  }

.TransactionEditForm__hidden__Ho8G- {
  display: none;
}

.TransactionEditForm__transactionEditForm__UH1sU {
  position: relative;
}

@media (min-width: 768px) {
    .TransactionEditForm__transactionEditForm__UH1sU::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      padding-top: 1.5rem;
      background: var(--noon);
      transform: scale(1.01, 1.05);
    box-shadow:
      0 0 0 1px color(var(--slate) a(5%)),
      0 10px 20px color(var(--slate) a(12%));
    }
  }

.TransactionEditForm__content__\+8ef1 {
  position: relative;
  z-index: 1;
}

.TransactionEditForm__isMobile__4ZYV5 {
  max-width: 328px;
  margin: 0 auto;
}

.TransactionEditForm__isMobile__4ZYV5 td {
    width: 100% !important;
  }

.TransactionEditForm__title__4dnvO {
  margin-bottom: 48px;
  text-align: center;
  font-size: 20px;
}

.TransactionEditForm__rowFieldsTable__nD5-i {
  width: 100%;
  table-layout: fixed;
  font-size: 10px;
  box-shadow: none;
}

@media (min-width: 768px) {

.TransactionEditForm__rowFieldsTable__nD5-i {
    height: 64px;
}
  }

.TransactionEditForm__row__RV\+\+F {
  border: none;
}

.TransactionEditForm__isMobile__4ZYV5 .TransactionEditForm__row__RV\+\+F {
    display: flex;
    flex-direction: column;
    height: auto;
  }

.TransactionEditForm__rowField__LfmgA {
}

.TransactionEditForm__isMobile__4ZYV5 .TransactionEditForm__rowField__LfmgA {
    margin-bottom: 32px;
    /* !important is used to override default padding of cell and all its more specific selectors */
    padding: 0 !important;
    font-size: 16px;
    border-right: 0;
  }

@media (min-width: 768px) {

.TransactionEditForm__textFieldWrapper__6NkHc {
    font-size: calc(14px / var(--text-field-font-size-em-value));
}
  }

@media (min-width: 1440px) {

.TransactionEditForm__textFieldWrapper__6NkHc {
    font-size: calc(15px / var(--text-field-font-size-em-value));
}
  }

.TransactionEditForm__isMobile__4ZYV5 .TransactionEditForm__categoryField__Md24t {
    order: 10;
  }

.TransactionEditForm__categoryFieldWrapper__AYQ34 {
  display: flex;
}

.TransactionEditForm__categoryLabel__sr3d0 {
}

.TransactionEditForm__isMobile__4ZYV5 .TransactionEditForm__categoryLabel__sr3d0 {
    font-size: 12px;
  }

.TransactionEditForm__commandColumnContent__qrytg {
  display: inline-block;
  position: relative;
  text-align: left;
}

.TransactionEditForm__editButtonWrapper__kXk9P {
  visibility: hidden;
  pointer-events: none;
}

.TransactionEditForm__cancelButtonWrapper__DPBw5 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.TransactionEditForm__cancelButtonContent__nYdD7 {
  font-size: 36px;
  font-weight: 400;
}

.TransactionEditForm__buttons__weAU7 {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {

.TransactionEditForm__buttons__weAU7 {
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 1.2rem;
    padding-left: var(--space-default);
}
  }

@media (min-width: 768px) and (min-width: 768px) {

.TransactionEditForm__buttons__weAU7 {
      padding-left: var(--space-medium);
}
    }

@media (min-width: 1440px) {

.TransactionEditForm__buttons__weAU7 {
    padding-left: 2rem;
}
  }

.TransactionEditForm__buttonWrapper__2aYPW {
  height: 48px;
  font-size: 12px;
}

.TransactionEditForm__buttonWrapper__2aYPW:not(:first-child) {
    margin-top: 16px;
  }

@media (min-width: 768px) {

.TransactionEditForm__buttonWrapper__2aYPW {
    width: 128px;
    height: 32px;
    margin-right: 18px;
}

    .TransactionEditForm__buttonWrapper__2aYPW:not(:first-child) {
      margin-top: 0;
    }
  }

@media (min-width: 1024px) {

.TransactionEditForm__buttonWrapper__2aYPW {
    margin-right: 24px;
}
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --arrow-width-tiny: 4px;
  --arrow-width-one-column-up: 6px;
}

.InlineDropdownWrapper__inlineDropdown__NXA35 {
  position: relative;
  display: inline-block;
  color: var(--action);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  word-break: initial;
}

.InlineDropdownWrapper__inlineDropdown__NXA35.InlineDropdownWrapper__expanded__EiLlx {
    z-index: 10;
  }

.InlineDropdownWrapper__inlineDropdown__NXA35.InlineDropdownWrapper__expanded__EiLlx .InlineDropdownWrapper__arrow__PRJto {
      transform: rotate(180deg);
    }

.InlineDropdownWrapper__isMobile__mK8GN {}

.InlineDropdownWrapper__caption__P-H3I {
  padding-right: 20px;
  /* avoid highlighting on tap */
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
}

.InlineDropdownWrapper__arrow__PRJto {
  margin-left: .1em;
  margin-bottom: -3px;
  bottom: calc(.5em - var(--arrow-width-tiny));

  border: var(--arrow-width-tiny) solid transparent;
  border-top-color: inherit;
  transform-origin: center 15%;
  transition: transform .5s;
}

@media (min-width: 768px) {

.InlineDropdownWrapper__arrow__PRJto {
    border-width: var(--arrow-width-one-column-up);
    top: calc(50% - var(--arrow-width-one-column-up) / 2);
}
  }

.InlineDropdownWrapper__dropdownContainer__n9kWV {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 10rem;
  border: solid 1px var(--satin);
  border-radius: 4px;
}

.InlineDropdownWrapper__dropdownContainer__n9kWV.InlineDropdownWrapper__onRight__qsK4G {
    right: auto;
    left: 100%;
  }

@media (min-width: 375px) {

.InlineDropdownWrapper__dropdownContainer__n9kWV {
    min-width: 13rem;
}
  }

@media (min-width: 768px) {

.InlineDropdownWrapper__dropdownContainer__n9kWV {
    min-width: 15rem;
}
  }

.InlineDropdownWrapper__dropdownScrollable__\+dWzV {
  max-height: 21rem;
}

.InlineDropdownWrapper__dropdownContent__tgsoZ {
  padding: 1rem;
  background-color: var(--salt);
  font: var(--regular) .8rem var(--sans);
  box-shadow: 0 2.1rem 1.9rem 0 rgba(20, 35, 60, .06);
}

.InlineDropdownWrapper__selectedOption__UU32F {
  font-weight: 600;
}

.InlineDropdownWrapper__option__rScRC {
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  line-height: 2.4;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.InlineDropdownWrapper__isMobile__mK8GN .InlineDropdownWrapper__option__rScRC {
    font-size: 16px;
    line-height: 1.9;
  }

.InlineDropdownWrapper__optionCaption__TGdTE {
  padding: .5rem 1rem;
}

.InlineDropdownWrapper__footerItem__naUiT {
  margin-top: .7rem;
  padding-top: .7rem;
  border-top: solid 1px var(--satin);
  text-align: center;
}

.InlineDropdownWrapper__note__6jI8v {
  margin-top: -.7rem;
  color: var(--body-text-color);
  font-size: .625rem;
  font-weight: var(--regular);
}

.InlineDropdownWrapper__group__BeGYg {
  margin-top: 1rem;
}

.InlineDropdownWrapper__group__BeGYg:first-child {
    margin-top: 0;
  }

.InlineDropdownWrapper__groupName__Wg3sW {
  margin-top: -.5em;

  border-bottom: 1px solid var(--silver);
  color: var(--shale);
  font: var(--bold) .75rem/2 var(--sans);
  text-align: left;
}

.InlineDropdownWrapper__groupList__jHg-J {
  margin-top: .5rem;
  text-align: center;
}

.InlineDropdownWrapper__groupHint__ajciM {
  text-align: center;
  color: var(--smoke);
  font-size: 12px;
  line-height: 1.7;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.CategoriesOverlay__caption__CeQkx {
  font-size: 13px;
}

.CategoriesOverlay__titleWrapper__Wc0K1 {
  margin-bottom: 48px;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FloatingPaneNotification__floatingPaneNotification__pe0mL{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:12px 12px;line-height:1.4;-webkit-transition:-webkit-transform 650ms cubic-bezier(0.42, 0, 0.58, 1);-moz-transition:-moz-transform 650ms cubic-bezier(0.42, 0, 0.58, 1);-o-transition:-o-transform 650ms cubic-bezier(0.42, 0, 0.58, 1);-ms-transition:-ms-transform 650ms cubic-bezier(0.42, 0, 0.58, 1);transition:transform 650ms cubic-bezier(0.42, 0, 0.58, 1);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.FloatingPaneNotification__floatingPaneNotification__pe0mL > button:not(.FloatingPaneNotification__dismissButton__QOnyh){-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;padding-bottom:0}.FloatingPaneNotification__floatingPaneNotification__pe0mL.FloatingPaneNotification__noPadding__5LepJ{padding:0}.FloatingPaneNotification__floatingPaneNotification__pe0mL.FloatingPaneNotification__verticalAlign__IVaij{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.FloatingPaneNotification__content__W7G6F > ul{width:100%}.FloatingPaneNotification__content__W7G6F > ul > li{margin-bottom:2px}.FloatingPaneNotification__positionAbsolute__P4-Na{position:absolute}.FloatingPaneNotification__icon__j7cP4{-webkit-flex-shrink:0;flex-shrink:0;width:14px;height:14px;background-color:currentColor;border-radius:50%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-right:12px;padding:4px}.FloatingPaneNotification__icon__j7cP4 svg{color:#fff}.FloatingPaneNotification__small__s7iES .FloatingPaneNotification__icon__j7cP4{margin-right:-4px;background-color:transparent}.FloatingPaneNotification__small__s7iES .FloatingPaneNotification__icon__j7cP4 svg{color:currentColor}.FloatingPaneNotification__errorText__LWvke{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;margin:0 8px;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:16px;line-height:1.5;word-wrap:break-word;min-width:1px}.FloatingPaneNotification__dismissButton__QOnyh{-webkit-box-align:auto;-moz-box-align:auto;-o-box-align:auto;-ms-flex-align:auto;-webkit-align-items:auto;align-items:auto;pointer-events:auto;-webkit-flex-shrink:0;flex-shrink:0;width:24px;height:24px;cursor:pointer;padding:0;margin:0;margin-left:auto;padding:6px;border-radius:50%;color:currentColor;-webkit-transition:background 150ms cubic-bezier(0.42, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0.42, 0, 0.58, 1), color 250ms cubic-bezier(0.42, 0, 0.58, 1);-moz-transition:background 150ms cubic-bezier(0.42, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0.42, 0, 0.58, 1), color 250ms cubic-bezier(0.42, 0, 0.58, 1);-o-transition:background 150ms cubic-bezier(0.42, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0.42, 0, 0.58, 1), color 250ms cubic-bezier(0.42, 0, 0.58, 1);-ms-transition:background 150ms cubic-bezier(0.42, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0.42, 0, 0.58, 1), color 250ms cubic-bezier(0.42, 0, 0.58, 1);transition:background 150ms cubic-bezier(0.42, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0.42, 0, 0.58, 1), color 250ms cubic-bezier(0.42, 0, 0.58, 1)}.FloatingPaneNotification__dismissButton__QOnyh svg{opacity:150ms cubic-bezier(.42,0,.58,1) color 150ms cubic-bezier(.42,0,.58,1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15000ms)" color 150ms cubic-bezier(.42,0,.58,1);filter:alpha(opacity=15000ms) color 150ms cubic-bezier(.42,0,.58,1);-webkit-transition:-webkit-transform 150ms cubic-bezier(0.42, 0, 0.58, 1), color 150ms cubic-bezier(0.42, 0, 0.58, 1);-moz-transition:-moz-transform 150ms cubic-bezier(0.42, 0, 0.58, 1), color 150ms cubic-bezier(0.42, 0, 0.58, 1);-o-transition:-o-transform 150ms cubic-bezier(0.42, 0, 0.58, 1), color 150ms cubic-bezier(0.42, 0, 0.58, 1);-ms-transition:-ms-transform 150ms cubic-bezier(0.42, 0, 0.58, 1), color 150ms cubic-bezier(0.42, 0, 0.58, 1);transition:transform 150ms cubic-bezier(0.42, 0, 0.58, 1), color 150ms cubic-bezier(0.42, 0, 0.58, 1)}.FloatingPaneNotification__dismissButton__QOnyh:hover svg{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.FloatingPaneNotification__dismissButton__QOnyh:active{box-shadow:inset 0 1px 2px rgba(0,0,0,0.15)}.FloatingPaneNotification__dismissButton__QOnyh:active svg{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.IconCircled__iconCircled__z47FN{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border-radius:50%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-shrink:0;flex-shrink:0}.IconCircled__content__E2Z82{content:''}.IconCircled__content__E2Z82:empty{display:none}.IconCircled__svg__Mjl72{width:100%;height:100%;padding:20%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SimilarTransactionsForm__title__yAy5W{margin-right:32px;color:#4d556c;font-size:18px;line-height:1.35;font-weight:500;margin:24px 0}.SimilarTransactionsForm__categoryName__ykEEG{color:#0b0014}.SimilarTransactionsForm__transactionWrapper__BEVfs{padding:10px 12px;background:#fff;width:calc(100% - 54px)}.SimilarTransactionsForm__checkboxRow__t7l6z{padding-left:10px;border-bottom:1px solid #ced5df;background:#f4f6fd}.SimilarTransactionsForm__scrollableContent__mPVBo{background:#fff;padding-bottom:16px;height:100%}.SimilarTransactionsForm__checkboxes__4iTga{margin-bottom:16px}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.utilities__textCenter__B2A6E {
  text-align: center;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.GenericFloatingPane__genericFloatingPane__Nb79U{background:#fff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100vh;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px}@media screen and (min-width: 415px){.GenericFloatingPane__genericFloatingPane__Nb79U{width:375px}}@media screen and (min-width: 768px){.GenericFloatingPane__genericFloatingPane__Nb79U{width:415px}}.GenericFloatingPane__header__0tqnr,.GenericFloatingPane__footer__z4flD{background:#edeff1;padding:12px;box-shadow:0 0 6px rgba(0,0,0,0.35);z-index:1}.GenericFloatingPane__overlay__7W1NL{position:absolute;top:0;left:0;width:100%;z-index:11}.GenericFloatingPane__header__0tqnr{padding-top:16px}.GenericFloatingPane__footer__z4flD{padding-bottom:8px}@media screen and (min-width: 768px),only screen and (min-device-width: 414px) and (min-device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait),only screen and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait){.GenericFloatingPane__footer__z4flD{padding-bottom:16px}}.GenericFloatingPane__cross__A7aEH{position:absolute;top:12px;right:16px;z-index:2;width:40px;height:40px;padding:8px;color:#3172f5;z-index:10}@media screen and (min-width: 768px){.GenericFloatingPane__cross__A7aEH{position:absolute;top:16px;right:20px}}.GenericFloatingPane__scrollableWrapper__KPWN9{min-height:0;height:'100%'}.GenericFloatingPane__panePreset__ubP9U:not(.GenericFloatingPane__noPadding__bPbzo){padding-left:12px;padding-right:12px;padding-top:24px}@media screen and (min-width: 375px){.GenericFloatingPane__panePreset__ubP9U:not(.GenericFloatingPane__noPadding__bPbzo){padding-left:16px;padding-right:16px}}@media screen and (min-width: 768px){.GenericFloatingPane__panePreset__ubP9U:not(.GenericFloatingPane__noPadding__bPbzo){padding-left:24px;padding-right:24px}}.GenericFloatingPane__panePreset__ubP9U{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;padding-bottom:0}@media screen and (min-width: 768px){.GenericFloatingPane__panePreset__ubP9U{gap:24px}}.GenericFloatingPane__panePreset__ubP9U + footer{padding:16px 24px}.GenericFloatingPane__panePreset__ubP9U > nav{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px}.GenericFloatingPane__panePreset__ubP9U > nav ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px}.GenericFloatingPane__panePreset__ubP9U > ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.GenericFloatingPane__panePreset__ubP9U > ul > li:empty{display:none}.GenericFloatingPane__panePreset__ubP9U h1{font-family:"serif", "Georgia", serif;font-weight:600;font-size:32px;line-height:1.2;color:#1c2234}.GenericFloatingPane__panePreset__ubP9U h2{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:24px;line-height:1.2;color:#1c2234}.GenericFloatingPane__panePreset__ubP9U h3{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:18px;line-height:1.4}.GenericFloatingPane__panePreset__ubP9U h3 strong{font-weight:600}.GenericFloatingPane__panePreset__ubP9U h4{color:#1c2234;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:16px;line-height:1.4;margin-bottom:4px}.GenericFloatingPane__panePreset__ubP9U h5{color:#1c2234;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;line-height:1.4;margin-bottom:4px}.GenericFloatingPane__panePreset__ubP9U p{font-size:16px;color:#4d556c;line-height:1.4}.GenericFloatingPane__panePreset__ubP9U p button{padding:0;margin-top:-3px}.GenericFloatingPane__panePreset__ubP9U small{font-family:"sans", "Arial", sans-serif;font-weight:300;font-size:12px;line-height:1.4;color:#8c95a5}.GenericFloatingPane__panePreset__ubP9U hr{margin:0;border:none;border-bottom:1px solid #edeff1}.GenericFloatingPane__panePreset__ubP9U figure{margin:0 auto;margin-bottom:16px;width:250px}.GenericFloatingPane__panePreset__ubP9U form{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20px}.GenericFloatingPane__panePreset__ubP9U fieldset{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px}.GenericFloatingPane__panePreset__ubP9U section{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FloatingPaneHeader__floatingPaneHeader__m0bEH{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:24px 12px 24px;font-family:"sans", "Arial", sans-serif;font-size:ans-family}@media screen and (min-width: 768px){.FloatingPaneHeader__floatingPaneHeader__m0bEH{padding:32px 24px 32px}}.FloatingPaneHeader__progressBadge__KXOjg{position:relative;margin-bottom:24px}.FloatingPaneHeader__badge__yDScf{position:absolute;left:0;top:0;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;content:'';display:block;background:-webkit-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-moz-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-o-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-ms-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:linear-gradient(-45deg, #f5dd4e, #eaf639, #f8e71c);width:100%;height:100%;-webkit-transform:rotate(45deg) scale(.7);-moz-transform:rotate(45deg) scale(.7);-o-transform:rotate(45deg) scale(.7);-ms-transform:rotate(45deg) scale(.7);transform:rotate(45deg) scale(.7)}.FloatingPaneHeader__badgeContent__SmUpa{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:72px;height:72px;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:20px;line-height:1.4;color:#4d556c}.FloatingPaneHeader__title__ViFhY{width:100%;padding:0 12px;font-family:"serif", "Georgia", serif;font-weight:500;font-size:32px}@media screen and (min-width: 415px){.FloatingPaneHeader__title__ViFhY{padding:0 16px}}.FloatingPaneHeader__superTitle__Tit8g{margin-bottom:8px;padding:0 12px;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:14px;line-height:1.5}.FloatingPaneHeader__subTitle__7XkAJ{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:16px;line-height:1.5;margin-bottom:-8px;margin-top:8px;padding:0 12px;width:100%;color:#36448c}@media screen and (min-width: 415px){.FloatingPaneHeader__subTitle__7XkAJ{margin-top:24px}}.FloatingPaneHeader__centered__qjLLJ .FloatingPaneHeader__title__ViFhY,.FloatingPaneHeader__centered__qjLLJ .FloatingPaneHeader__superTitle__Tit8g,.FloatingPaneHeader__centered__qjLLJ .FloatingPaneHeader__subTitle__7XkAJ{text-align:center}.FloatingPaneHeader__iconWrapper__W-4vJ{margin-bottom:16px;width:72px;height:72px}.FloatingPaneHeader__headerAction__RX4aB{position:absolute;top:17px;left:0;color:#3172f5}.FloatingPaneHeader__compact__XlzwT{background:#1c2234}.FloatingPaneHeader__compact__XlzwT .FloatingPaneHeader__title__ViFhY{font-family:'serif';font-weight:200;text-align:left;line-height:1.2;color:#edeff1;padding:0;padding-right:40px;margin-top:-4px;width:auto;-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.FloatingPaneHeader__compact__XlzwT .FloatingPaneHeader__superTitle__Tit8g{text-align:left;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;width:100%}.FloatingPaneHeader__compact__XlzwT .FloatingPaneHeader__subTitle__7XkAJ{text-align:left;width:100%;margin-top:8px;margin-bottom:-8px}.FloatingPaneHeader__compact__XlzwT .FloatingPaneHeader__iconWrapper__W-4vJ{color:#edeff1;margin-right:16px;margin-bottom:0;width:64px;height:64px;background:#57bd39;-webkit-flex-shrink:0;flex-shrink:0;padding:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:16px}.FloatingPaneHeader__compact__XlzwT.FloatingPaneHeader__withIcon__GTIKK{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.FloatingPaneHeader__compact__XlzwT.FloatingPaneHeader__withIcon__GTIKK > .FloatingPaneHeader__title__ViFhY{margin-top:0;-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.FloatingPaneHeader__cross__3SoCb{box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;padding:8px;color:#3172f5;background:rgba(255,255,255,0.05);border-bottom-left-radius:2px;stroke-width:2px;stroke:#3172f5;-webkit-transition:background 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54), color 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:background 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54), color 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:background 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54), color 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:background 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54), color 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:background 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54), color 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54)}.FloatingPaneHeader__cross__3SoCb svg{-webkit-transition:-webkit-transform 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:-moz-transform 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:-o-transform 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:-ms-transform 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:transform 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54)}.FloatingPaneHeader__cross__3SoCb:hover{background:rgba(255,255,255,0.1)}.FloatingPaneHeader__cross__3SoCb:hover svg{color:#5a8ef7;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.FloatingPaneHeader__cross__3SoCb:active svg{color:#3172f5;-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ProgressBar__progressBar__RL63O{width:100%;height:4px;background:#0b0014;margin-bottom:0}.ProgressBar__progressBar__RL63O + h2{margin-top:4px}.ProgressBar__progressBarProgress__F2LwC{height:100%;-webkit-transition:width 1500ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:width 1500ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:width 1500ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:width 1500ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:width 1500ms cubic-bezier(0.55, 0.54, 0.55, 0.54);border:none}.ProgressBar__pinToTop__frWR1{position:absolute;top:0;left:0}.ProgressBar__invisible__\+1Hjb{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FloatingPaneFooter__floatingPaneFooter__QjRSj{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px}.FloatingPaneFooter__header__dJRDD{content:''}.FloatingPaneFooter__content__et1TS{padding:12px}.FloatingPaneFooter__noCta__K0VAx{margin-top:-8px}.FloatingPaneFooter__disabled__-v0LB{opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75);pointer-events:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.DispatchButton__component__CUt0T{cursor:pointer}.DispatchButton__fullWidth__FdStl{width:100%;padding-right:0;padding-left:0}.DispatchButton__isDisabled__eZ7c6,.DispatchButton__button__lOg95.DispatchButton__isDisabled__eZ7c6,.DispatchButton__button__lOg95[disabled]{opacity:.35;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";filter:alpha(opacity=35);background:inherit;color:inherit;cursor:default;text-decoration:none}@media (hover:hover){.DispatchButton__isDisabled__eZ7c6:hover.DispatchButton__clickable__CiFL3.DispatchButton__textOnly__lXRq2,.DispatchButton__button__lOg95.DispatchButton__isDisabled__eZ7c6:hover.DispatchButton__clickable__CiFL3.DispatchButton__textOnly__lXRq2,.DispatchButton__button__lOg95[disabled]:hover.DispatchButton__clickable__CiFL3.DispatchButton__textOnly__lXRq2,.DispatchButton__isDisabled__eZ7c6:active.DispatchButton__clickable__CiFL3.DispatchButton__textOnly__lXRq2,.DispatchButton__button__lOg95.DispatchButton__isDisabled__eZ7c6:active.DispatchButton__clickable__CiFL3.DispatchButton__textOnly__lXRq2,.DispatchButton__button__lOg95[disabled]:active.DispatchButton__clickable__CiFL3.DispatchButton__textOnly__lXRq2,.DispatchButton__isDisabled__eZ7c6:hover.DispatchButton__clickable__CiFL3:not(.DispatchButton__textOnly__lXRq2),.DispatchButton__button__lOg95.DispatchButton__isDisabled__eZ7c6:hover.DispatchButton__clickable__CiFL3:not(.DispatchButton__textOnly__lXRq2),.DispatchButton__button__lOg95[disabled]:hover.DispatchButton__clickable__CiFL3:not(.DispatchButton__textOnly__lXRq2),.DispatchButton__isDisabled__eZ7c6:active.DispatchButton__clickable__CiFL3:not(.DispatchButton__textOnly__lXRq2),.DispatchButton__button__lOg95.DispatchButton__isDisabled__eZ7c6:active.DispatchButton__clickable__CiFL3:not(.DispatchButton__textOnly__lXRq2),.DispatchButton__button__lOg95[disabled]:active.DispatchButton__clickable__CiFL3:not(.DispatchButton__textOnly__lXRq2){cursor:default;background:inherit;color:inherit}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LabeledElement__labeledElementList__Psq8t{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px;padding:24px 0}.LabeledElement__item__4HoMm{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.LabeledElement__vertical__i1EKf{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.LabeledElement__vertical__i1EKf .LabeledElement__element__ZY5lv{text-align:right}.LabeledElement__alignLeft__H7OA8{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.LabeledElement__alignLeft__H7OA8 .LabeledElement__element__ZY5lv{text-align:left}.LabeledElement__alignRight__RgTzK{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.LabeledElement__label__Up9Eu{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;line-height:1.3;height:16px;color:#173775}.LabeledElement__label__Up9Eu > div{white-space:nowrap;gap:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.LabeledElement__element__ZY5lv{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;line-height:1;color:#1c2234;text-align:right}.LabeledElement__regular__oO60H{content:''}.LabeledElement__bold__Nk56\+{font-weight:500}.LabeledElement__rewards__OTHcx{color:#44932d;font-size:48px;font-weight:400;line-height:1.2}.LabeledElement__hero__d0Rke{color:#1c2234;font-size:48px;font-weight:600;line-height:1.2}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.TooltipIcon__icon__dVPpC{border:none;padding:0;background-color:transparent;cursor:pointer;text-transform:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;width:15px;height:15px;background:var(--darkestColor)}.TooltipIcon__icon__dVPpC:focus{outline:none}.TooltipIcon__icon__dVPpC:disabled{cursor:default}.TooltipIcon__icon__dVPpC:not(:disabled):active{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.TooltipIcon__icon__dVPpC::before{display:none}.TooltipIcon__icon__dVPpC i{padding:2px}.TooltipIcon__tooltip__ohxeO{box-shadow:1px 2px 2px var(--mediumShadow),2px 4px 4px var(--mediumShadow),3px 6px 6px var(--mediumShadow);border:none;border-radius:3px;max-width:256px;outline:none;background:var(--darkColor);color:#fff}.TooltipIcon__tooltip__ohxeO p{padding:16px;font-weight:500;font-size:14px;line-height:1.4}.TooltipIcon__arrow__oSOpG{border:none;background:none;-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-o-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);width:20px;fill:var(--darkColor)}.TooltipIcon__arrow__oSOpG polygon{box-shadow:1px 2px 2px var(--mediumShadow),2px 4px 4px var(--mediumShadow),3px 6px 6px var(--mediumShadow)}div[data-radix-popper-content-wrapper]{z-index:7 !important}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Separator__separator__H5zNT{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:8px;color:#ced5df}.Separator__separator__H5zNT span{white-space:nowrap;font-weight:500;font-size:12px;line-height:1.3}.Separator__separator__H5zNT [data-orientation=horizontal],.Separator__separator__H5zNT [data-orientation=vertical]{background-color:#ced5df}.Separator__separator__H5zNT [data-orientation=horizontal]{height:1px;width:100%}.Separator__separator__H5zNT [data-orientation=vertical]{height:100%;width:1px}.Separator__large__36AjN span{font-size:14px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.TrackerCreatorPane__trackerCreatorPane__kXXjH{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100vh}@media screen and (min-width: 768px){.TrackerCreatorPane__trackerCreatorPane__kXXjH{width:425px}}.TrackerCreatorPane__preloader__SNZCe{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.TrackerCreatorPane__stats__1g4t8{margin:32px 0 0}.TrackerCreatorPane__deleteTrackerButton__K-t2O{width:100%;height:48px;margin-top:16px;font-size:12px}.TrackerCreatorPane__formWrapper__T5vXE{margin-top:32px}.TrackerCreatorPane__member__AfCOj{color:#404fa2}.TrackerCreatorPane__peer__QGz7-{color:#f88484}.TrackerCreatorPane__other__\+f448{color:#b06078}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.Form__form__XFgYc {
  display: inline-block;
  width: 100%;
}

.Form__formFullWidth__XKk0Q {
  width: 100%;
}

.Form__item__r4b4V {
  position: relative;
  margin-top: 24px;
}

.Form__item__r4b4V:first-child {
    margin-top: 0;
  }

.Form__nthFormColumn__UK\+CJ .Form__item__r4b4V:first-child {
    margin-top: 1.5rem;
  }

@media (min-width: 768px) {

.Form__nthFormColumn__UK\+CJ .Form__item__r4b4V:first-child {
      margin-top: 0;
  }
    }

.Form__submitItem__2yjdq {
  margin-top: 2rem;
}

@media (min-width: 768px) {

.Form__singleLineForm__qcOPs {
    display: inline-flex;
}
  }

.Form__singleLineFormInner__dKqjW {
  position: relative;
}

@media (min-width: 768px) {

.Form__singleLineFormInner__dKqjW {
    display: inline-block;
    height: 40px;
}
  }

@media (min-width: 768px) {

.Form__singleLineFormInner__dKqjW > div {
      position: relative;
      display: inline-block;
      width: 180px;
  }
    }

@media (min-width: 1024px) {

.Form__singleLineFormInner__dKqjW > div {
      flex-grow: 0;
      width: 184px;
  }
    }

@media (min-width: 1280px) {

.Form__singleLineFormInner__dKqjW > div {
      width: 200px;
  }
    }

@media (min-width: 1440px) {

.Form__singleLineFormInner__dKqjW > div {
      width: 320px;
  }
    }

.Form__field__45uxh {
  position: relative;
}

.Form__fieldHint__WJUhU {
  position: absolute;
  bottom: 4px;
  right: 0;
  color: var(--body-text-color);
  font-size: 12px;
  text-align: right;
}

@media (min-width: 768px) {

.Form__fieldHint__WJUhU {
    font-size: 9px;
}
  }

@media (min-width: 1280px) {

.Form__fieldHint__WJUhU {
    bottom: 3px;
}
  }

.Form__submitButtonWrapper__2cmfF {
  width: 100%;
  height: 48px;
  margin-top: 32px;
}

.Form__submitButtonWrapper__2cmfF > button {
    width: 100%;
    height: 100%;
  }

@media (min-width: 768px) {

.Form__submitButtonWrapper__2cmfF {
    display: inline-flex;
    width: auto;
    height: 40px;
    margin-top: 0;
    margin-left: 24px;
}
  }

@media (min-width: 1024px) and (max-width: 1279px) {

.Form__submitButtonWrapper__2cmfF {
    margin-left: 12px;
}
  }

.Form__submitButtonWrapperWide__u9kCC {
  width: 100%;
  height: 48px;
  margin-top: 32px;
}

.Form__submitButtonWrapperWide__u9kCC > button {
    width: 100%;
    height: 100%;
  }

.Form__forgotPassword__GbPD7 {
  position: absolute;
  right: 0;
  bottom: -1rem;
  color: var(--action);
  font-size: .75rem;
  text-decoration: none;
  opacity: .9;
}

.Form__mobileTitle__masTH {
}

.Form__buttonRowWrapper__Q49yH {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.Form__checkboxWrapper__Gmg-b {
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {

.Form__checkboxWrapper__Gmg-b {
    margin-bottom: 0;
}
  }

@media(min-width: 768px) {

.Form__onSettingsPage__LmJym .Form__submitItem__2yjdq {
      width: 50%;
  }

      .Form__onSettingsPage__LmJym .Form__submitItem__2yjdq li:last-child {
        margin-right: .7rem;
      }
    }

.Form__cancelLinkWrapper__kqGqQ {
  margin-top: 2rem;
  text-align: center;
}

.Form__formGeneralError__JZSeI {
  margin-bottom: 32px;
  padding: .5em 16px;
  border: 1px solid var(--danger);
  font-size: 13px;
  line-height: 1.25;
  color: var(--danger);
}

.Form__formGeneralErrorLink__9K9yM,
  .Form__formGeneralErrorLink__9K9yM:hover,
  .Form__formGeneralErrorLink__9K9yM:active {
    font-weight: var(--medium);
    color: var(--danger);
    text-decoration: underline;
  }

.Form__recaptchaOverlay__Muljb {
  position: fixed;
  bottom: 14px;
  right: 0;
  width: 70px;
  height: 60px;
  font-family: Roboto, helvetica, arial, sans-serif;
  font-size: 8px;
  font-weight: 400;
  z-index: 10;
}

.Form__recaptchaPrivacyLink__eratF,
.Form__recaptchaTermsLink__ZhuDJ {
  position: absolute;
  bottom: 4px;
  opacity: 0;
}

.Form__recaptchaPrivacyLink__eratF {
  left: 8px;
}

.Form__recaptchaTermsLink__ZhuDJ {
  right: 8px;
}

.Form__avatar__iUqqu {
  display: flex;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.ChartHeader__header__j6uJY {
  max-width: 432px;
  margin: 0 auto;
  margin-bottom: 24px;
  height: 66px;
}

.ChartHeader__twoRows__UKwEB {
  height: 126px;
  margin-bottom: 0;
}

.ChartHeader__titleBase__86uxW {
  color: var(--shale);
  text-align: center;
  font-weight: 600;
  letter-spacing: .5
}

.ChartHeader__title__em4Gf {
  margin-bottom: 12px;
  font-size: 12px;
}

.ChartHeader__labelsRow__Mgs05,
.ChartHeader__itemsRow__HAwtz {
  display: flex;
  justify-content: space-evenly;
}

.ChartHeader__labelsRow__Mgs05, .ChartHeader__secondaryValuesWrapper__FhpZu {
  align-items: center;
  margin-bottom: 6px;
  font-size: .8rem;
  text-align: center;
}

.ChartHeader__label__dP\+cB {}

.ChartHeader__hideOthers__Kf0h5 {}

.ChartHeader__labelsRow__Mgs05 {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    color: inherit;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.ChartHeader__item__7sLQP {
  width: calc(100% / 3);
  text-align: center;
  transition:
    width var(--fast) var(--ease-out),
    font-size var(--fast) var(--ease-out),
    opacity var(--fast) var(--ease-out);

  white-space: nowrap;
}

.ChartHeader__item__7sLQP.ChartHeader__member__uhs2C {
    color: var(--oxford);
  }

.ChartHeader__hideOthers__Kf0h5 .ChartHeader__item__7sLQP.ChartHeader__member__uhs2C {
      width: 100%;
    }

.ChartHeader__hideOthers__Kf0h5 .ChartHeader__item__7sLQP.ChartHeader__member__uhs2C.ChartHeader__label__dP\+cB {
        font-size: 0;
        opacity: 0;
      }

.ChartHeader__item__7sLQP.ChartHeader__peers__Z8c0s {
    color: var(--coral);
  }

.ChartHeader__hideOthers__Kf0h5 .ChartHeader__item__7sLQP.ChartHeader__peers__Z8c0s {
      width: 0;
      opacity: 0;
      font-size: 0;
    }

.ChartHeader__item__7sLQP.ChartHeader__others__uP-Dv {
    color: var(--merlot);
  }

.ChartHeader__hideOthers__Kf0h5 .ChartHeader__item__7sLQP.ChartHeader__others__uP-Dv {
      width: 0;
      opacity: 0;
      font-size: 0;
    }

.ChartHeader__itemValue__-HRlg {
  font-size: 21px;
  font-weight: 500;
}

.ChartHeader__secondaryValuesWrapper__FhpZu .ChartHeader__itemValue__-HRlg {
    font-size: 16px;
  }

.ChartHeader__secondaryValuesWrapper__FhpZu {
  margin-top: 12px;
  margin-bottom: 0;
  opacity: .7;
}

.ChartHeader__secondaryLabelsWrapper__VS0d4 {
  color: var(--smoke);
  margin-top: 4px;
}

.ChartHeader__secondaryTitle__ZMqmH {
  margin: 16px 0 6px;
  font-size: 11px;
}

.ChartHeader__ctaWrapper__4Bbnt {
  display: flex;
  justify-content: center;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.OpportunityReviewCommentsPane__opportunityReviewCommentsPane__MuCMA{content:''}.OpportunityReviewCommentsPane__writeReview__lZx2P{margin-bottom:16px}.OpportunityReviewCommentsPane__header__TdoVt{margin:28px 2px 4px 2px;font-family:"sans", "Arial", sans-serif;font-size:20px;line-height:1.2;colors:#2c325e}.OpportunityReviewCommentsPane__title__plCpy{margin-bottom:16px}.OpportunityReviewCommentsPane__cta__ZIDQR{margin-left:-16px}.OpportunityReviewCommentsPane__content__gJ8Au{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;padding:12px;padding-top:30px}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.PageLoadingOverlay__pageLoadingOverlay__IRIhJ {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background-color: var(--salt);
}

@media (min-width: 1024px) {

.PageLoadingOverlay__pageLoadingOverlay__IRIhJ.PageLoadingOverlay__slidLeft__DTCKS {
      width: calc(100% + var(--nav-slide-left-two-columns));
  }
    }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SocialInsightReviewList__socialInsightReviewList__HNqiI{font-family:"sans", "Arial", sans-serif;font-size:ans-family}.SocialInsightReviewList__commentsWrapper__L--zX{margin-top:12px}.SocialInsightReviewList__hasMore__0YrSA{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:24px;font-size:14px;color:#3172f5;cursor:pointer;background-color:#f4f6fd;padding:8px 16px 6px 16px;border-radius:6px;margin-top:8px}.SocialInsightReviewList__hasMoreCopyWrapper__4T9YH{position:relative}.SocialInsightReviewList__spinnerWrapper__SnWVL{position:absolute;left:calc(100% + 8px);top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.SocialInsightReviewList__loadSpinnerWrapper__Mw8DQ{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedPostCommentsOrdering__container__l-tM0{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;font-family:"sans", "Arial", sans-serif;font-size:14px;color:#8c95a5}.FeedPostCommentsOrdering__content__mifIx{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;cursor:pointer;margin-left:8px}.FeedPostCommentsOrdering__sortMenu__R8vda{position:absolute;z-index:2;visibility:hidden;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity 250ms ease;-moz-transition:opacity 250ms ease;-o-transition:opacity 250ms ease;-ms-transition:opacity 250ms ease;transition:opacity 250ms ease;text-transform:uppercase}.FeedPostCommentsOrdering__sortMenu__R8vda.FeedPostCommentsOrdering__shown__XxzG0{visibility:visible;opacity:1;-ms-filter:none;filter:none}.FeedPostCommentsOrdering__sortLink__jpJ3x{color:#3172f5;margin-left:6px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ActionMenu__container__75gMe{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:6px;box-shadow:0 10px 20px 0 rgba(0,0,0,0.19),0 6px 6px 0 rgba(0,0,0,0.23);background-color:#fff;min-width:238px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ActionMenuItem__container__JjePz{border:none;padding:0;background-color:transparent;cursor:pointer;text-transform:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;font-weight:400;text-align:left;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:40px;padding:0 18px;cursor:pointer;color:#3172f5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;text-transform:inherit}.ActionMenuItem__container__JjePz:focus{outline:none}.ActionMenuItem__container__JjePz:disabled{cursor:default}.ActionMenuItem__container__JjePz:not(:disabled):active{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.ActionMenuItem__container__JjePz::before{display:none}.ActionMenuItem__container__JjePz:not(.ActionMenuItem__isDisabled__N4mU1).ActionMenuItem__isActive__OuWIf{font-weight:600;cursor:default}.ActionMenuItem__container__JjePz.ActionMenuItem__isHighlighted__C6mEK,.ActionMenuItem__container__JjePz:not(.ActionMenuItem__isDisabled__N4mU1):not(.ActionMenuItem__preventHover__Dmuwg):not(.ActionMenuItem__isActive__OuWIf):hover{color:#fff;background-color:#6595f8}.ActionMenuItem__container__JjePz.ActionMenuItem__isHighlighted__C6mEK .ActionMenuItem__icon__TqpPP,.ActionMenuItem__container__JjePz:not(.ActionMenuItem__isDisabled__N4mU1):not(.ActionMenuItem__preventHover__Dmuwg):not(.ActionMenuItem__isActive__OuWIf):hover .ActionMenuItem__icon__TqpPP{color:#fff}.ActionMenuItem__container__JjePz:not(.ActionMenuItem__isDisabled__N4mU1):not(.ActionMenuItem__preventHover__Dmuwg):not(.ActionMenuItem__isActive__OuWIf):active{color:#fff;background-color:#3172f5}.ActionMenuItem__container__JjePz:not(.ActionMenuItem__isDisabled__N4mU1):not(.ActionMenuItem__preventHover__Dmuwg):not(.ActionMenuItem__isActive__OuWIf):active .ActionMenuItem__icon__TqpPP{color:#fff}.ActionMenuItem__container__JjePz.ActionMenuItem__isDisabled__N4mU1{color:#8c95a5;cursor:default;pointer-events:none}.ActionMenuItem__icon__TqpPP{-webkit-flex-shrink:0;flex-shrink:0;width:16px;height:16px;margin-right:16px;color:#4d556c}.ActionMenuItem__title__4JyOX{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;max-width:160px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.ActionMenuItem__fullWidth__t5ZR1 .ActionMenuItem__title__4JyOX{max-width:unset}.ActionMenuItem__isDanger__BVFbp{color:#e34242}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SocialInsightReview__socialInsightReview__2keBD{background:#f4f6fd;padding:12px;padding-bottom:10px;border-radius:6px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:8px}.SocialInsightReview__socialInsightReview__2keBD.SocialInsightReview__outline__Fubu3{border:1px solid #d7e2f7}.SocialInsightReview__socialInsightReview__2keBD.SocialInsightReview__regular__Tj4ju{content:''}.SocialInsightReview__header__BHq83{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;margin-left:-3px;margin-top:-3px}.SocialInsightReview__nameSection__QQYE2{margin-right:8px;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;width:calc(100% - 120px)}@media screen and (min-width: 768px){.SocialInsightReview__nameSection__QQYE2{margin-right:24px}}.SocialInsightReview__likeButtonWrapper__yJVs5{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.SocialInsightReview__content__Rhn2f{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:8px}@media screen and (min-width: 768px){.SocialInsightReview__content__Rhn2f{margin-left:40px}}.SocialInsightReview__text__TKk39{margin-bottom:4px}.SocialInsightReview__bottomActionsRow__EWRPZ{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedUserInfo__textOverflow__ItsBR{font-size:11px}.FeedUserInfo__verified__50QSq{margin-right:8px}.FeedUserInfo__premium__QBcyg{margin-right:8px}.FeedUserInfo__likesBadge__Oz7Nt{border-radius:18px;line-height:17px;padding:1px 8px 0;-webkit-flex-shrink:0;flex-shrink:0;font-size:12px;font-weight:500;color:rgba(32,40,65,0.64);margin-right:8px;background-color:#eff9ec}.FeedUserInfo__textBadge__nU7DX{border-radius:18px;line-height:17px;padding:1px 8px 0;-webkit-flex-shrink:0;flex-shrink:0;font-size:12px;font-weight:500;color:rgba(32,40,65,0.64);margin-right:8px;background-color:#f0f3f8}.FeedUserInfo__textBadge__nU7DX.FeedUserInfo__isContrast__3Pngq{background-color:#b7bcd9;color:#fff}.FeedUserInfo__hideOnTinyScreens__IVC63{display:none}@media screen and (min-width: 375px){.FeedUserInfo__hideOnTinyScreens__IVC63{display:inline}}.FeedUserInfo__dateLink__ntKG1{color:#8c95a5}.FeedUserInfo__badge__xIt0z{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-transform:uppercase;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;color:#4d556c;margin-top:12px}.FeedUserInfo__badges__GkHct{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.FeedUserInfo__verified__50QSq{color:#57bd39}.FeedUserInfo__divider__LSXYS{height:20px;width:1px;background:#afbac6;margin:12px 12px 0 4px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedAvatarWithInfo__container__Bbt-d{position:relative;width:100%;height:100%}.FeedAvatarWithInfo__avatar__2G-mz{width:100%;height:100%;cursor:pointer}.FeedAvatarWithInfo__popup__1n5cd{z-index:3;position:absolute;top:0;left:calc(100% + 4px);-webkit-animation:FeedAvatarWithInfo__popupAppearance__aZKy\+ 150ms ease;-moz-animation:FeedAvatarWithInfo__popupAppearance__aZKy\+ 150ms ease;-o-animation:FeedAvatarWithInfo__popupAppearance__aZKy\+ 150ms ease;-ms-animation:FeedAvatarWithInfo__popupAppearance__aZKy\+ 150ms ease;animation:FeedAvatarWithInfo__popupAppearance__aZKy\+ 150ms ease}.FeedAvatarWithInfo__arrow__7--7Y{position:absolute;z-index:1;top:5px;width:0;height:0;border-style:solid;border-width:12px 20px 12px 0;border-color:transparent #fff transparent transparent}.FeedAvatarWithInfo__popupBody__DuuFw{position:absolute;top:-16px;left:19px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:375px;border-radius:5px;border:1px solid #f5f6f7}@-moz-keyframes FeedAvatarWithInfo__popupAppearance__aZKy\+{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateX(-12px);-moz-transform:translateX(-12px);-o-transform:translateX(-12px);-ms-transform:translateX(-12px);transform:translateX(-12px)}70%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes FeedAvatarWithInfo__popupAppearance__aZKy\+{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateX(-12px);-moz-transform:translateX(-12px);-o-transform:translateX(-12px);-ms-transform:translateX(-12px);transform:translateX(-12px)}70%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}}@-o-keyframes FeedAvatarWithInfo__popupAppearance__aZKy\+{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateX(-12px);-moz-transform:translateX(-12px);-o-transform:translateX(-12px);-ms-transform:translateX(-12px);transform:translateX(-12px)}70%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}}@keyframes FeedAvatarWithInfo__popupAppearance__aZKy\+{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateX(-12px);-moz-transform:translateX(-12px);-o-transform:translateX(-12px);-ms-transform:translateX(-12px);transform:translateX(-12px)}70%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedUserContextInfo__feedUserContextInfo__yrzCX{background-color:#fff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:-32x;padding:0 16px 24px 16px}@media screen and (min-width: 768px){.FeedUserContextInfo__feedUserContextInfo__yrzCX{margin-top:0;padding-top:24px}}.FeedUserContextInfo__innerWrapper__5wlbL{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;max-width:376px}.FeedUserContextInfo__matchPercent__51zch{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;letter-spacing:-.1px;color:#f88484}.FeedUserContextInfo__avatar__HDLpB{border-radius:50%;margin-top:8px;width:64px;height:64px;box-shadow:0 6px 6px 0 rgba(0,0,0,0.2)}.FeedUserContextInfo__you__xZg\+Z .FeedUserContextInfo__matchPercent__51zch{color:#404fa2}.FeedUserContextInfo__you__xZg\+Z .FeedUserContextInfo__hr__M2tum{margin-top:16px}.FeedUserContextInfo__username__SK5tr{margin-top:16px;font-family:"sans", "Arial", sans-serif;font-weight:700;font-size:21px;line-height:27px;letter-spacing:-.1px;word-break:break-word;text-align:center;color:#4d556c}.FeedUserContextInfo__counters__XjsA5{margin-top:8px}.FeedUserContextInfo__followButtonWrapper__TGTrp{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:calc(100% + 16px);margin-top:12px}.FeedUserContextInfo__disclaimer__ekMrH{margin-top:12px;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;line-height:1.5;text-transform:uppercase;color:#8c95a5}.FeedUserContextInfo__hr__M2tum{margin-top:24px;margin-bottom:0;width:100%;height:2px;background-color:#edeff1;border:none}.FeedUserContextInfo__definitions__IFRWr{width:100%;max-width:231px}.FeedUserContextInfo__definitionValue__SZN6Z{position:relative;width:100%;text-align:center}.FeedUserContextInfo__definitionValue__SZN6Z.FeedUserContextInfo__isMatched__4cSqN{color:#f88484}.FeedUserContextInfo__checkmarkContainer__-HMmi{position:absolute;top:2px;left:-24px;width:16px;height:16px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#f88484;fill:#f88484;stroke:#fff}.FeedUserContextInfo__checkmarkEmpty__wW8FG{width:8px;height:8px;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);border:1px solid #f88484;border-radius:50%}.FeedUserContextInfo__textCta__-2KAL{margin-top:12px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PeerDefinition__definitions__BqTFr{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;line-height:1;text-align:center;padding-top:16px}.PeerDefinition__definitionTitle__YXdVX{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:12px;color:#6a7185}.PeerDefinition__definitionBody__Mq23Y{width:100%;margin-top:8px;margin-bottom:20px;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:20px;color:#3c425a;white-space:normal}.PeerDefinition__definitionBody__Mq23Y:last-child{margin-bottom:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Verified__verified__fd02G{width:16px;height:16px;border-radius:50%;background-color:#57bd39;color:#fff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-shrink:0;flex-shrink:0}.Verified__verifiedIcon__g4Xhb{width:10px;height:8px;font-size:0;stroke:#fff;stroke-width:5px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PremiumBadge__premiumBadge__HwuDV{color:#6a7185;border-radius:50%;background:-webkit-linear-gradient(0, #f5dd4e, #eaf639, #f8e71c);background:-moz-linear-gradient(0, #f5dd4e, #eaf639, #f8e71c);background:-o-linear-gradient(0, #f5dd4e, #eaf639, #f8e71c);background:-ms-linear-gradient(0, #f5dd4e, #eaf639, #f8e71c);background:linear-gradient(0, #f5dd4e, #eaf639, #f8e71c);width:16px;height:16px;padding:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-shrink:0;flex-shrink:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Avatar__container__8cXoK{width:100%;height:100%;border-radius:50%;position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;color:#f88484;background-color:#fde0e0}.Avatar__container__8cXoK.Avatar__isDefault__dr5NZ,.Avatar__container__8cXoK.Avatar__ownAvatar__BFBoU{color:#404fa2;background-color:#404fa2}.Avatar__container__8cXoK.Avatar__isDefault__dr5NZ{background-color:#b7bcd9}.Avatar__container__8cXoK.Avatar__noPeergroup__DklKE{background-color:#ced5df;color:#ced5df}.Avatar__donut__wMJpT{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.Avatar__content__oU\+nB{width:calc(100% - 8px);height:calc(100% - 8px);border:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:50%;position:relative;background-color:rgba(251,188,188,0.5);overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.Avatar__content__oU\+nB.Avatar__preventDonut__ayK2g{width:100%;height:100%}.Avatar__ownAvatar__BFBoU .Avatar__content__oU\+nB{background-color:#b7bcd9}.Avatar__noPeergroup__DklKE .Avatar__content__oU\+nB{background-color:#ced5df}.Avatar__fallbackLetterWrapper__ZlFpf{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;pointer-events:none}.Avatar__fallbackLetter__990-o{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:374px;fill:#3c425a}.Avatar__defaultAvatarWrapper__xmnJT{color:#404fa2}.Avatar__image__WiBdq{width:100%;height:100%}.Avatar__dim__ZaY\+j .Avatar__content__oU\+nB{background:#0b0014}.Avatar__dim__ZaY\+j .Avatar__image__WiBdq{opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Donut__container__vXaxR{width:100%;height:100%}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdjustableImage__container__FhsmB{position:relative}.AdjustableImage__container__FhsmB.AdjustableImage__fitToContainer__J5GUv{width:100%;height:100%}.AdjustableImage__lazy__B3b0m{position:absolute;top:0;left:0;width:100%;height:100%}.AdjustableImage__image__\+Qa0t{background-position:center;background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%}.AdjustableImage__content__of\+NZ{position:absolute;top:0;left:0;width:100%;height:100%}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LazyRender__container__LuF0H{min-height:1px;min-width:1px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedUserCounters__compact__JlgS6{content:''}.FeedUserCounters__sparse__2dqaC{content:''}.FeedUserCounters__feedUserCounter__dFcaK{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:12px;line-height:1.4;color:#6a7185}.FeedUserCounters__feedUserCounter__dFcaK.FeedUserCounters__sparse__2dqaC{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.FeedUserCounters__counter__JNpiR{font-weight:600}.FeedUserCounters__sparse__2dqaC .FeedUserCounters__counter__JNpiR{font-weight:400;font-size:25px}.FeedUserCounters__copy__n6zoE{margin-left:4px}.FeedUserCounters__sparse__2dqaC .FeedUserCounters__copy__n6zoE{margin-left:0}.FeedUserCounters__feedUserCounters__we3Rv{display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.FeedUserCounters__feedUserCounters__we3Rv.FeedUserCounters__compact__JlgS6{height:18px}.FeedUserCounters__feedUserCounters__we3Rv.FeedUserCounters__sparse__2dqaC{height:58px}.FeedUserCounters__section__uHxaw{border-right:1px #ced5df solid;padding:0 8px}.FeedUserCounters__section__uHxaw:first-child{padding-left:0}.FeedUserCounters__section__uHxaw:last-child{border-right:0;padding-right:0}.FeedUserCounters__sparse__2dqaC .FeedUserCounters__section__uHxaw{width:92px;padding:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ResourceFollowButton__compact__doWQ7{content:''}.ResourceFollowButton__medium__L\+i4d{content:''}.ResourceFollowButton__large__jMVwZ{content:''}.ResourceFollowButton__buttonWrapper__AMmPj.ResourceFollowButton__large__jMVwZ{width:calc(100% - 32px)}.ResourceFollowButton__buttonWrapper__AMmPj.ResourceFollowButton__medium__L\+i4d{width:278px}.ResourceFollowButton__buttonWrapper__AMmPj.ResourceFollowButton__small__3eVTi{width:140px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedUserInfoLayout__feedUserInfo__VGm1T{width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.FeedUserInfoLayout__avatar__kI96g{width:40px;height:40px;-webkit-flex-shrink:0;flex-shrink:0;margin-right:10px}.FeedUserInfoLayout__firstLine__oc-Gm{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:3px;margin-left:-20px}.FeedUserInfoLayout__username__ma0o6{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:15px;font-weight:500;color:#2c325e;margin-right:-14px;margin-left:20px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;min-width:30px;min-width:fit-content;max-width:100%}.FeedUserInfoLayout__commentMode__9xXCC .FeedUserInfoLayout__avatar__kI96g{width:32px;height:32px}.FeedUserInfoLayout__userBadge__I5PdZ{margin-left:20px;margin-right:-12px}.FeedUserInfoLayout__userBadge__I5PdZ.FeedUserInfoLayout__lastChild1__lHphJ:nth-child(2),.FeedUserInfoLayout__userBadge__I5PdZ.FeedUserInfoLayout__lastChild2__f5lgs:nth-child(3),.FeedUserInfoLayout__userBadge__I5PdZ.FeedUserInfoLayout__lastChild3__iArYQ:nth-child(4),.FeedUserInfoLayout__userBadge__I5PdZ.FeedUserInfoLayout__lastChild4__oIv5y:nth-child(5),.FeedUserInfoLayout__userBadge__I5PdZ.FeedUserInfoLayout__lastChild5__D4B99:nth-child(6),.FeedUserInfoLayout__userBadge__I5PdZ.FeedUserInfoLayout__lastChild6__jqaD2:nth-child(7),.FeedUserInfoLayout__userBadge__I5PdZ.FeedUserInfoLayout__lastChild7__wtPZu:nth-child(8),.FeedUserInfoLayout__userBadge__I5PdZ.FeedUserInfoLayout__lastChild8__MStvM:nth-child(9),.FeedUserInfoLayout__userBadge__I5PdZ.FeedUserInfoLayout__lastChild9__l3dyU:nth-child(10),.FeedUserInfoLayout__userBadge__I5PdZ.FeedUserInfoLayout__lastChild10__cphJQ:nth-child(11),.FeedUserInfoLayout__userBadge__I5PdZ:last-child{margin-right:0}.FeedUserInfoLayout__children__1kBMH{margin-left:20px}.FeedUserInfoLayout__info__ROW91{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:"sans", "Arial", sans-serif;font-size:ans-family;overflow:hidden;padding-top:3px}.FeedUserInfoLayout__date__S8o25{font-size:12px;font-weight:400;color:#8c95a5}.FeedUserInfoLayout__date__S8o25 .FeedUserInfoLayout__username__ma0o6{font-size:14px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedPostText__container__lfSul{font-family:"sans", "Arial", sans-serif;font-size:14px;line-height:1.45;color:#3c425a;word-wrap:break-word;white-space:pre-wrap;overflow:hidden}.FeedPostText__link__z8poT{color:#3172f5;cursor:pointer}.FeedPostText__readMore__pkmLw{margin-left:4px}.FeedPostText__text__y0cox{margin-top:8px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AttachmentsBlock__fetchedLink__CTkwo,.AttachmentsBlock__image__c81x\+{margin-bottom:16px}.AttachmentsBlock__commentMode__bNufh.AttachmentsBlock__fetchedLink__CTkwo,.AttachmentsBlock__commentMode__bNufh.AttachmentsBlock__image__c81x\+{margin-bottom:4px}.AttachmentsBlock__image__c81x\+{border:1px solid #edeff1;border-radius:6px;overflow:hidden}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FetchedLink__container__1s1Ws{border-radius:6px;border:solid 1px #edeff1;background-color:#fff;font-family:"sans", "Arial", sans-serif;font-size:ans-family;display:block;overflow:hidden}.FetchedLink__container__1s1Ws.FetchedLink__compact__71uCx{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;border-radius:3px;border:solid 1px #ced5df}.FetchedLink__compact__71uCx .FetchedLink__image__PrFP5{width:70px}.FetchedLink__compact__71uCx .FetchedLink__video__VrI2V{width:70px}.FetchedLink__info__mH6ts{padding:16px 8px;overflow:hidden}@media screen and (min-width: 768px){.FetchedLink__info__mH6ts{padding:16px 24px}}.FetchedLink__compact__71uCx .FetchedLink__info__mH6ts{padding:16px}.FetchedLink__domain__4xXJt{font-size:12px;color:#afbac6;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.FetchedLink__compact__71uCx .FetchedLink__domain__4xXJt{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.FetchedLink__title__ZAKpO{font-family:"serif", "Georgia", serif;font-weight:300;font-size:19px;line-height:1.4;color:#1c2234;margin-bottom:2px;padding-bottom:1px}@media screen and (min-width: 768px){.FetchedLink__title__ZAKpO{font-size:20px}}.FetchedLink__compact__71uCx .FetchedLink__title__ZAKpO{font-size:18px;-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;margin-bottom:8px}.FetchedLink__subtitle__XJR7B{font-size:14px;font-weight:300;color:#8c95a5;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.FetchedLink__compact__71uCx .FetchedLink__subtitle__XJR7B{display:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.VideoPlayer__container__iI4zO{margin-top:16px}.VideoPlayer__fullSize__RN8Up{width:100%;height:100%}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.VideoLayout__videoLayout__NPwYo{position:relative;background-position:center;background-size:cover}.VideoLayout__content__\+GLx4{top:0;width:100%;height:100%;position:absolute;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.VideoLayout__playButton__A\+c-t{position:relative;width:65px;height:40px;border-radius:5px;background-color:rgba(0,0,0,0.5);z-index:1;cursor:pointer}.VideoLayout__playButton__A\+c-t:hover{background:#00a3e0}.VideoLayout__playButton__A\+c-t.VideoLayout__isLoading__p5Pmd{pointer-events:none}.VideoLayout__playIcon__wCHka{content:'';display:block;position:absolute;top:10px;left:25px;width:0;height:0;border:10px solid transparent;border-left-width:20px;border-left-color:#fff}.VideoLayout__spinner__2EOUc{position:relative;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-left:auto}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LightboxImage__container__4-PcU{cursor:pointer}.LightboxImage__lightboxImage__V\+Sqr{width:calc(100% - 16px);z-index:1;cursor:pointer}@media screen and (min-width: 768px){.LightboxImage__lightboxImage__V\+Sqr{width:calc(100% - 32px)}}@media screen and (min-width: 1024px){.LightboxImage__lightboxImage__V\+Sqr{width:calc(100% - 64px)}}.LightboxImage__closeButton__MznGU{position:absolute;right:2rem;top:2rem;z-index:2}@media screen and (min-width: 1024px){.LightboxImage__closeButton__MznGU{right:3rem;top:3rem;zoom:2}}@media screen and (max-device-width:767px) and (min-aspect-ratio:14/9){.LightboxImage__closeButton__MznGU{right:1rem;top:1rem}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SegmentButton__segmentButton__KFpmq{--color:#6a7185;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;line-height:.83;color:var(--color);text-transform:uppercase;cursor:pointer;outline:none;padding:0}.SegmentButton__segmentButton__KFpmq:not(:disabled):active{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.SegmentButton__pressed__ua44n{--color:#3172f5}.SegmentButton__segment__v9Hyk{display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:auto;height:24px;border:1px solid var(--color);padding:0 8px}.SegmentButton__segment__v9Hyk:first-child{border-radius:4px 0 0 4px}.SegmentButton__segment__v9Hyk:last-child{border-radius:0 4px 4px 0}.SegmentButton__segment__v9Hyk:only-child{border-radius:4px}.SegmentButton__segment__v9Hyk + .SegmentButton__segment__v9Hyk{left:-1px;position:relative}.SegmentButton__segment__v9Hyk > * + *{margin-left:8px}.SegmentButton__counterSegment__mtNzX{min-width:28px;padding:0;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.SegmentButton__icon__tN-sW,.SegmentButton__text__UpNW5{display:inline-block}.SegmentButton__text__UpNW5{line-height:1;margin-top:2px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CommentLikeButton__commentLikeButtonSegment__JgXYy{height:18px;background-color:#fff}[data-pressed="false"] .CommentLikeButton__commentLikeButtonSegment__JgXYy{border-color:#ced5df}.CommentLikeButton__commentLikeButtonSegment__JgXYy > * + *{margin-left:6px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SocialInsightReviewActionsMenu__socialInsightReviewActionsMenu__AfiR\+{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-flex-shrink:0;flex-shrink:0;position:relative;top:3px}.SocialInsightReviewActionsMenu__actionMenuContainer__-Owhw{position:relative;margin-top:-2px;margin-right:4px}.SocialInsightReviewActionsMenu__actionMenuButton__aXaFX{border:none;padding:0;background-color:transparent;cursor:pointer;position:relative;width:16px;height:4px;cursor:pointer}.SocialInsightReviewActionsMenu__actionMenuButton__aXaFX:focus{outline:none}.SocialInsightReviewActionsMenu__actionMenuButton__aXaFX:disabled{cursor:default}.SocialInsightReviewActionsMenu__actionMenuButton__aXaFX::before{content:'';top:-14px;left:-8px;width:32px;height:32px;position:absolute}.SocialInsightReviewActionsMenu__actionMenu__3y4Eg{position:absolute;z-index:1;top:-24px;right:-20px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);visibility:hidden;-webkit-transition:opacity 150ms ease;-moz-transition:opacity 150ms ease;-o-transition:opacity 150ms ease;-ms-transition:opacity 150ms ease;transition:opacity 150ms ease;text-transform:uppercase}@media screen and (min-width: 768px){.SocialInsightReviewActionsMenu__actionMenu__3y4Eg{right:-48px}}@media screen and (min-width: 1024px){.SocialInsightReviewActionsMenu__actionMenu__3y4Eg{right:-112px}}.SocialInsightReviewActionsMenu__actionMenu__3y4Eg.SocialInsightReviewActionsMenu__actionMenuShown__Mk-st{opacity:1;-ms-filter:none;filter:none;visibility:visible}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ActionIcon__container__iF5Vl{-webkit-transform:translateX(6px);-moz-transform:translateX(6px);-o-transform:translateX(6px);-ms-transform:translateX(6px);transform:translateX(6px)}.ActionIcon__container__iF5Vl,.ActionIcon__container__iF5Vl::before,.ActionIcon__container__iF5Vl::after{content:'';display:block;background-color:#8c95a5;width:4px;height:4px;border-radius:50%;position:relative}.ActionIcon__container__iF5Vl::before{position:absolute;left:-6px}.ActionIcon__container__iF5Vl::after{position:absolute;left:6px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.OpportunityReviewComposePane__opportunityReviewComposePane__JzO7T{padding:16px;padding-top:48px}.OpportunityReviewComposePane__title__EW8Qe{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:16px;color:#1c2234}.OpportunityReviewComposePane__subTitle__3dQ6X{font-family:"sans", "Arial", sans-serif;font-size:20px;margin-top:8px;color:#2c325e}.OpportunityReviewComposePane__compose__dxsr8{border:1px solid #afbac6;border-radius:5px;padding:16px;margin-top:24px}.OpportunityReviewComposePane__saveReview__4WVCU{margin-bottom:16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.OpportunityReviewCompose__opportunityReviewCompose__B3mA3{content:''}.OpportunityReviewCompose__middle__Z5oA3{min-height:320px}.OpportunityReviewCompose__input__\+Q1NE{content:''}.OpportunityReviewCompose__attach__FQy\+\+{content:''}.OpportunityReviewCompose__errors__ZiJz1{height:9px}.OpportunityReviewCompose__actions__5BuZC{content:''}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ComposeInput__input__U2DxK{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.4;color:#1c2234;color:rgba(28,34,52,0.6);border:none;padding:0;margin:0;outline:none;resize:none;background:transparent;width:100%}@media screen and (min-width: 768px){.ComposeInput__input__U2DxK{font-size:15px}}.ComposeInput__input__U2DxK:focus{color:#1c2234}.ComposeInput__input__U2DxK::placeholder{color:rgba(28,34,52,0.6)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ComposeDecorations__composeDecorations__5XfAA{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.4;color:#1c2234;white-space:pre-wrap;word-wrap:break-word;color:transparent}@media screen and (min-width: 768px){.ComposeDecorations__composeDecorations__5XfAA{font-size:15px}}.ComposeDecorations__decoration__8HVHT{color:#3172f5;text-shadow:0 0 0 #fff;display:inline}.ComposeDecorations__decorationChild__ZtFHn{height:0;display:inline}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ComposeDecoration__composeDecoration__wS3Zz{content:''}.ComposeDecoration__suggest__IvcGb{display:inline;height:0}.ComposeDecoration__suggestChild__lyAJm{position:absolute;left:0;right:0;z-index:3;pointer-events:all;-webkit-transform:translateY(23px);-moz-transform:translateY(23px);-o-transform:translateY(23px);-ms-transform:translateY(23px);transform:translateY(23px)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ComposeMentionsSuggests__mention__64VoF{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;color:#2c325e}.ComposeMentionsSuggests__mention__64VoF.ComposeMentionsSuggests__active__i0eA5{color:#fff}.ComposeMentionsSuggests__avatar__daO1s{width:24px;height:24px;margin-right:16px}.ComposeMentionsSuggests__badges__tR9dX{margin-left:8px}.ComposeMentionsSuggests__author__Uej1D{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ComposeTagsSuggests__item__5lzYt{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;color:#2c325e;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.ComposeTagsSuggests__item__5lzYt.ComposeTagsSuggests__active__hsadm{color:#fff}.ComposeTagsSuggests__count__xtosj{font-size:12px;font-weight:normal;color:#afbac6}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ComposeInputController__composeInputController__EI57y{position:relative;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.ComposeInputController__decorations__-BjSW,.ComposeInputController__input__tYfzo{position:relative;top:0;left:0;width:100%;height:100%}.ComposeInputController__decorations__-BjSW{position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ComposeInputController__safariIos__eofFD .ComposeInputController__decorations__-BjSW{padding-right:3px}.ComposeInputController__safariIos__eofFD .ComposeInputController__input__tYfzo{left:-3px;width:calc(100% + 6px)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ComposeImages__images__FmTqI{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative}.ComposeImages__image__6VONS{margin-top:16px}.ComposeImages__image__6VONS:first-child{margin-top:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ComposeImage__imageWrapper__UxYDD.ComposeImage__error__P49KV,.ComposeImage__imageWrapper__UxYDD.ComposeImage__loading__KBG79{min-height:300px}.ComposeImage__imageCorners__C0kLe{border-radius:4px;overflow:hidden}.ComposeImage__error__P49KV .ComposeImage__imageCorners__C0kLe{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}.ComposeImage__preloader__bnFVz{position:absolute;width:100%;height:100%;top:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.ComposeImage__errorIcon__Zoj4R{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:42px;height:42px;display:none;color:#f2a422}.ComposeImage__error__P49KV .ComposeImage__errorIcon__Zoj4R{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.RemoveMediaButton__removeButton__9-his{width:24px;height:24px;border-radius:50%;cursor:pointer;overflow:hidden}.RemoveMediaButton__removeIcon__qGzMI{width:48px;height:48px;color:#4d556c;stroke:#fff}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Removable__removable__ANdtT{position:relative}.Removable__button__0-jWi{position:absolute;top:0;right:0;z-index:1;width:24px;height:24px;border-radius:50%;cursor:pointer;overflow:hidden;-webkit-transition:opacity 250ms ease, -webkit-transform 250ms ease;-moz-transition:opacity 250ms ease, -moz-transform 250ms ease;-o-transition:opacity 250ms ease, -o-transform 250ms ease;-ms-transition:opacity 250ms ease, -ms-transform 250ms ease;transition:opacity 250ms ease, transform 250ms ease;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);visibility:hidden;--scale:.1;-webkit-transform:translate(50%,-50%) scale(var(--scale));-moz-transform:translate(50%,-50%) scale(var(--scale));-o-transform:translate(50%,-50%) scale(var(--scale));-ms-transform:translate(50%,-50%) scale(var(--scale));transform:translate(50%,-50%) scale(var(--scale))}.Removable__removable__ANdtT:hover .Removable__button__0-jWi{visibility:visible;opacity:1;-ms-filter:none;filter:none;--scale:1}@media screen and (min-width: 768px){.Removable__removable__ANdtT:hover .Removable__button__0-jWi{opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);--scale:.9}}@media screen and (min-width: 768px){.Removable__removable__ANdtT .Removable__button__0-jWi:hover{opacity:1;-ms-filter:none;filter:none;--scale:1}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ComposeErrors__composeErrors__LFpq9{position:relative;-webkit-transform:translateY(3px);-moz-transform:translateY(3px);-o-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PostComposeError__postComposeError__dU2hg{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;color:#e34242;white-space:nowrap;position:absolute;top:0;left:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity 250ms ease, -webkit-transform 250ms ease-out;-moz-transition:opacity 250ms ease, -moz-transform 250ms ease-out;-o-transition:opacity 250ms ease, -o-transform 250ms ease-out;-ms-transition:opacity 250ms ease, -ms-transform 250ms ease-out;transition:opacity 250ms ease, transform 250ms ease-out}.PostComposeError__postComposeError__dU2hg.PostComposeError__toLeft__nK5mM{-webkit-transform:translateX(200px);-moz-transform:translateX(200px);-o-transform:translateX(200px);-ms-transform:translateX(200px);transform:translateX(200px)}.PostComposeError__postComposeError__dU2hg.PostComposeError__toTop__wOE2M{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}.PostComposeError__postComposeError__dU2hg.PostComposeError__shown__0cD8o{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1;-ms-filter:none;filter:none}.PostComposeError__caret__LeW3-{display:none;border:6px transparent solid;margin-right:8px}.PostComposeError__toLeft__nK5mM .PostComposeError__caret__LeW3-{display:block;border-right-color:#e34242}.PostComposeError__toTop__wOE2M .PostComposeError__caret__LeW3-{display:block;border-bottom-color:#e34242;-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-o-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px)}.PostComposeError__text__9HkGy{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:11px;white-space:normal}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SubscriptionPanePreset__subscriptionPanePreset__yYGH6{content:''}.SubscriptionPanePreset__star__d\+n4W{color:#2c325e;width:32px;height:32px;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}.SubscriptionPanePreset__green__qU6Sr{color:#57bd39;opacity:.99;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";filter:alpha(opacity=99)}.SubscriptionPanePreset__content__abs2W{--h-margin:12px;margin:0 var(--h-margin)}@media screen and (min-width: 375px){.SubscriptionPanePreset__content__abs2W{--h-margin:16px}}.SubscriptionPanePreset__title__jOhxy{font-family:"serif", "Georgia", serif;font-weight:300;font-size:24px;line-height:1.5;color:#2c325e;text-align:center;margin-bottom:16px}@media screen and (min-width: 415px){.SubscriptionPanePreset__title__jOhxy{margin-bottom:24px}}.SubscriptionPanePreset__imageWrapper__n0seD{text-align:center;margin-bottom:24px;background:url("/images/coaching/devices.png") no-repeat;height:155px;background-position:center;background-size:calc(100% - 32px)}@media screen and (min-width: 375px){.SubscriptionPanePreset__imageWrapper__n0seD{height:265px}}.SubscriptionPanePreset__item__Pkmru{margin:0 0 16px 14px;position:relative;font-family:"sans", "Arial", sans-serif;font-size:15px;line-height:1.5;color:#1c2234}.SubscriptionPanePreset__item__Pkmru:before{content:'';background-color:#404fa2;width:8px;height:8px;position:absolute;left:-16px;top:8px;border-radius:50%}@media screen and (min-width: 415px){.SubscriptionPanePreset__item__Pkmru{font-size:16px}}.SubscriptionPanePreset__bold__zgFys{font-weight:600}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SubscriptionPanel__subscriptionPanel__TnNQd{font-family:"sans", "Arial", sans-serif;font-size:14px;color:#36448c}.SubscriptionPanel__subscriptionPanel__TnNQd h2{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:16px;color:#1c2234;margin-bottom:8px}.SubscriptionPanel__subscriptionPanel__TnNQd form{padding-top:8px;gap:24px;height:150px}.SubscriptionPanel__subscriptionPanel__TnNQd form label > div{background:#f4f6fd}.SubscriptionPanel__plan__xIQPE{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-top:8px;margin-bottom:28px}.SubscriptionPanel__button__b2e67{width:calc(100% / 2 - 12px);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:112px}.SubscriptionPanel__button__b2e67 i{font-size:32px}.SubscriptionPanel__save__fP4fO{font-weight:500;color:#44932d;margin-top:8px}.SubscriptionPanel__stripe__98Ska{padding:24px 16px 16px;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.15);border:solid 1px #9ca5d9;background-color:#f4f6fd;margin-bottom:32px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.StripeForm__stripeForm__hsOQ2{padding-bottom:8px;overflow:hidden}.StripeForm__stripeForm__hsOQ2 .StripeForm__cardNumber__tFqa1{width:100%}.StripeForm__stripeForm__hsOQ2 .StripeForm__expirationDate__LRHZY{width:60%}.StripeForm__stripeForm__hsOQ2 .StripeForm__expirationDate__LRHZY > small{line-height:1.1}.StripeForm__stripeForm__hsOQ2 .StripeForm__securityCode__x9yXs{width:40%}.StripeForm__stripeForm__hsOQ2 .StripeForm__securityCode__x9yXs > small{line-height:1.1}.StripeForm__numberIcon__ZQv0t{width:48px;height:48px}.StripeForm__numberIconWrapper__UiqmE{width:8px;height:8px;overflow:hidden;margin-left:4px}.StripeForm__numberLabel__Qo-Vz{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.StripeForm__bottomRow__x5XqO{gap:var(--space-medium)}@media screen and (min-width: 375px){.StripeForm__bottomRow__x5XqO{gap:var(--space-large)}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.StripeCardNumber__stripeCardNumber__EDK6p{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;background:#f4f6fd}.StripeCardNumber__input__3HtlA{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.StripeCardNumber__icon__bi-bi{-webkit-flex-shrink:0;flex-shrink:0;width:27px;margin-left:9px;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CreditCardIcon__creditCardIcon__26t-w{width:auto;height:16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.MixedAccountDetailsPane__accountLinkageModal__8W65O{position:relative;width:100%;height:100%;background-color:#fff}@media screen and (min-width: 768px){.MixedAccountDetailsPane__accountLinkageModal__8W65O{width:auto;height:auto;border-radius:6px}}.MixedAccountDetailsPane__body__NBTx6{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;height:100vh;min-height:100vh;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}@media screen and (min-width: 768px){.MixedAccountDetailsPane__body__NBTx6.MixedAccountDetailsPane__bodyShrunkSidebar__-cvtW{height:auto;min-height:0}}@media screen and (min-width: 1024px){.MixedAccountDetailsPane__body__NBTx6.MixedAccountDetailsPane__bodyShrunkSidebar__-cvtW{max-height:95vh}}@media screen and (min-width: 768px){.MixedAccountDetailsPane__body__NBTx6{height:auto;min-height:0;max-height:95vh}}.MixedAccountDetailsPane__progressbarWrapper__FxGzq{position:absolute;top:0;right:0;left:0;height:4px}@media screen and (min-width: 768px){.MixedAccountDetailsPane__progressbarWrapper__FxGzq{display:none}}.MixedAccountDetailsPane__contentWrapper__2Yc4G{padding:2rem 1rem 2.5rem}@media screen and (min-width: 768px){.MixedAccountDetailsPane__contentWrapper__2Yc4G{padding:2rem 2rem 2.5rem}}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.LinkageForm__accountLinkageForm__GMZc8 {
  position: relative;
}

.LinkageForm__timeoutWrapper__5BeYu {
  margin-top: 32px;

  color: var(--slate);
  font-size: .875rem;
  line-height: 1.5;
  text-align: center;
}

.LinkageForm__timeoutCopy__NyCxJ {}

.LinkageForm__timeoutValue__ZH2Rf {
  color: var(--danger);
}

.LinkageForm__fieldsContainer__tY23H {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.LinkageForm__logo__LwLF0 {
  width: 6rem;
  height: 3rem;
  margin-top: 2rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.LinkageForm__name__2a-vX {
  margin-top: 1.5rem;
  color: var(--shale);
  font-size: 1.25rem;
  line-height: 1.25;
  letter-spacing: -.2px;
  text-align: center;
}

.LinkageForm__name__2a-vX:first-child {
    margin-top: 3rem;
  }

.LinkageForm__instructions__P13ib {
  margin-top: 2rem;
  color: var(--smoke);
  font-size: .875rem;
}

.LinkageForm__fieldList__Ot7kf {
  width: 100%;
  margin-top: 2rem;
}

.LinkageForm__fieldListItem__R-f1d:not(:first-child) {
    margin-top: 2rem;
  }

.LinkageForm__errorWrapper__IDrWs {
  width: 100%;
  margin-top: 2rem;
}

.LinkageForm__buttonWrapper__J58Os {
  width: 100%;
  margin-top: 2rem;
}

.LinkageForm__secureLink__IWjv4 {
  display: inline-flex;
  align-items: flex-end;
  margin-top: 1.5rem;
  color: var(--smoke);
  font-size: .8125rem;
}

.LinkageForm__secureIconWrapper__QzH1Y {
  width: .6875rem;
  height: 1rem;
  margin-right: .375rem;
  color: var(--smoke);
}

.LinkageForm__forgetPassword__tzM2A {
  margin-top: 3rem;
  color: var(--smoke);
  font-size: 1rem;
  text-align: center;
  text-decoration: underline;
}

.LinkageForm__phoneNumber__q9jDP {
  margin-top: .5rem;
  color: var(--smoke);
  font-size: .8125rem;
  text-align: center;
}

/**
 * Styles for DropdownItems, Select and Autocomplete
 */

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.OldSelect__textCenter__ilkT1 {
  text-align: center;
}

.OldSelect__select__ye7e9 {
  max-height: inherit;
}

.OldSelect__select__ye7e9.OldSelect__isDisabled__gFjB9::before {
    opacity: .5;
  }

.OldSelect__select__ye7e9,
.OldSelect__autosuggest__Jd83o {
  position: relative;
}

.OldSelect__select__ye7e9:not(.OldSelect__isLoading__fALeN)::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);

  z-index: 1;
  width: 0;
  height: 0;
  border-top: 5px solid var(--storm);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  pointer-events: none;
}

.OldSelect__noResults__AZ\+fr {
  position: absolute;
  overflow: hidden;
  padding: .375rem 0;
  font-family: var(--sans);
  font-size: .6875rem;
  text-overflow: ellipsis;
}

/* DROPDOWN ITEMS COMPONENT */

.OldSelect__dropdownItems__bZ7\+3 {
  position: absolute;
  z-index: 100;
  visibility: hidden;
  width: 100%;
  box-sizing: border-box;
  background: var(--salt);
}

.OldSelect__dropdownItems__bZ7\+3.OldSelect__isDropdownShown__LOFOd {
    visibility: visible;
  }

.OldSelect__dropdownItems__bZ7\+3.OldSelect__isDropdownShown__LOFOd .OldSelect__items__DclK7 {
      max-height: 220px;
    }

@media (min-width: 375px) {

.OldSelect__dropdownItems__bZ7\+3.OldSelect__isDropdownShown__LOFOd .OldSelect__items__DclK7 {
        max-height: 284px;
    }
      }

.OldSelect__dropdownItems__bZ7\+3.OldSelect__dark__SekDV {
    background: var(--shade);
    font-weight: 400;
  }

.OldSelect__dropdownItems__bZ7\+3.OldSelect__isAboveInput__qj-eP {
    z-index: 1;
    top: auto;
    bottom: 1rem;
    margin-bottom: 2rem;
  }

.OldSelect__dropdownItems__bZ7\+3.OldSelect__withBorder__-UnSs {
    border: 1px solid var(--default-border-color);
    border-top: none;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

.OldSelect__isFirefox__EiJDR {}

.OldSelect__items__DclK7 {
  max-height: 0;
  transition: max-height var(--fast) var(--ease-out-quint);
}

.OldSelect__items__DclK7.OldSelect__isFirefox__EiJDR {
    transition: none;
  }

.OldSelect__item__mjVV8 {
    word-break: break-all;
    
    word-break: break-word;
  padding: 4px 8px;
  color: var(--body-text-color);
  font-family: var(--sans);
  font-size: var(--text-field-font-size);
  letter-spacing: -.2px;
  text-align: left;
  cursor: pointer;
}

.OldSelect__item__mjVV8.OldSelect__itemHighlighted__vsKWt {
    background-color: color(var(--silver) l(+10));
    color: var(--action);
  }

.OldSelect__dark__SekDV .OldSelect__item__mjVV8.OldSelect__itemHighlighted__vsKWt {
      background: none;
      color: var(--light-text-color);
    }

.OldSelect__searchTextboxIcon__aqMQm {
  position: absolute;
  right: 2px;
  bottom: 6px;
  width: 12px;
  height: 12px;
  background: url(/images/icons/search-accounts.svg) no-repeat;
  background-size: contain;
  pointer-events: none;
}

.OldSelect__clearInput__seEYC {
  border: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 6px;
  right: 2px;
  color: var(--action);
}

.OldSelect__roundFrame__nNO8P {
  background: var(--salt);
  padding: 0 24px 8px;
  border: 1px solid var(--silver);
  font-weight: 500;
  border-radius: 32px;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.DropdownItems__dropdownItems__Tyclm.DropdownItems__classA__VQBe8.DropdownItems__classB__RIv29 .DropdownItems__items__ug6Ff{max-height:var(--dropdown-override-max-height,220px)}@media screen and (min-width: 375px){.DropdownItems__dropdownItems__Tyclm.DropdownItems__classA__VQBe8.DropdownItems__classB__RIv29 .DropdownItems__items__ug6Ff{max-height:var(--dropdown-override-max-height,284px)}}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.OldRadioButton__root__xHtLU {
  display: inline-block;
}

.OldRadioButton__radioInput__1sWxV {
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin: 0;
  margin-right: .625rem;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.OldRadioButton__radioInput__1sWxV:checked::before {
    border-color: var(--action);
  }

.OldRadioButton__radioInput__1sWxV:checked::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--action);
  }

.OldRadioButton__radioInput__1sWxV:focus::before {
    box-shadow: 0 0 2px 2px color(var(--storm) a(75%));
  }

.OldRadioButton__radioInput__1sWxV:focus:checked::before {
    box-shadow: 0 0 2px 2px color(var(--action) a(75%));
  }

.OldRadioButton__radioInput__1sWxV:active::before {
    box-shadow: inset 0 0 1px 1px color(var(--storm) a(75%));
  }

.OldRadioButton__radioInput__1sWxV:active:checked::before {
    box-shadow: inset 0 0 1px 1px color(var(--action) a(75%));
  }

.OldRadioButton__radioInput__1sWxV::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    box-sizing: border-box;
    border: 2px solid var(--storm);
    border-radius: 50%;
  }

.OldRadioButton__label__xaEBv {
  margin-top: 0;
}

.OldRadioButton__mark__tAk-u {
  border-radius: 50%;
}

.OldRadioButton__checked__SGN7J {
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --inline-height: 1.25rem;
  --error-font-size: 12px;
  --error-margin-top: 8px;
}

.RadioButtonList__wrap__oiV9A {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.RadioButtonList__inline__OFxbJ {
  display: flex;
  min-height: var(--inline-height);
  /* to be able to detect 2 lines and switch to `wrap` mode */
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.RadioButtonList__label__yVLT5 {
  flex-shrink: 0;
  color: var(--stone);
  font-family: var(--sans);
  font-size: .75rem;
  line-height: 1.3;
}

.RadioButtonList__wrap__oiV9A .RadioButtonList__label__yVLT5 {
    display: inline-block;
  }

.RadioButtonList__left__zTcVG .RadioButtonList__label__yVLT5 {
    width: 100%;
    margin-bottom: 12px;
  }

.RadioButtonList__left__zTcVG {}

.RadioButtonList__error__RkBxX {
  font-size: var(--error-font-size);
  line-height: 1;
  width: 100%;
  margin-top: var(--error-margin-top);
  color: var(--danger);
}

.RadioButtonList__buttonList__QlN65 {
  flex-shrink: 0;
}

.RadioButtonList__inline__OFxbJ .RadioButtonList__buttonList__QlN65 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }

.RadioButtonList__wrap__oiV9A .RadioButtonList__buttonList__QlN65 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: .75rem;
  }

.RadioButtonList__inline__OFxbJ .RadioButtonList__buttonListItem__2IO-G:not(:last-child) {
    margin-right: 1rem;
  }

.RadioButtonList__wrap__oiV9A .RadioButtonList__buttonListItem__2IO-G:not(:first-child) {
    margin-top: .5rem;
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.Captcha__root__koGRe {

}

.Captcha__image__80YgJ {
  display: block;
  width: 13.8rem;
  margin: 0 auto;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.Alert__alert__NXQ4O {
  display: flex;
  justify-content: space-between;
  padding: .5rem 1rem;
  border: 1px solid;
  border-radius: 3px;
}

.Alert__alert__NXQ4O.Alert__danger__lKQ1\+ {
    border-color: var(--danger);
    color: var(--danger);
  }

.Alert__alert__NXQ4O.Alert__warning__pGwHB {
    border-color: var(--warning);
    color: var(--warning);
  }

.Alert__alert__NXQ4O.Alert__success__cTVBW {
    border-color: var(--success);
    color: var(--success);
  }

.Alert__alert__NXQ4O.Alert__action__\+Er60 {
    border-color: var(--action);
    color: var(--action);
  }

.Alert__content__Uwdu8 {
  font-family: var(--sans);
  font-size: .8125rem;
  font-weight: var(--regular);
  text-align: left;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}:root{--coral-900:#a70909;--coral-800:#bb2828;--coral-700:#cf4747;--coral-600:#e46565;--coral-500:#f88484;--coral-400:#f99d9d;--coral-300:#fbb5b5;--coral-200:#fccece;--coral-100:#fee6e6;--merlot-900:#61303f;--merlot-800:#753c4d;--merlot-700:#88485b;--merlot-600:#9c546a;--merlot-500:#b06078;--merlot-400:#c08093;--merlot-300:#d0a0ae;--merlot-200:#dfbfc9;--merlot-100:#efdfe4;--oxford-900:#242d5f;--oxford-800:#2d3875;--oxford-700:#36448c;--oxford-600:#404fa2;--oxford-500:#495ab9;--oxford-400:#6a78c6;--oxford-300:#9ca5d9;--oxford-200:#cdd2ec;--oxford-100:#eef0f9;--action-900:#122958;--action-800:#173775;--action-700:#1d4492;--action-600:#275bc4;--action-500:#3172f5;--action-400:#5a8ef7;--action-300:#82aaf9;--action-200:#dfe9fd;--action-100:#f0f3ff;--danger-900:#7a1212;--danger-800:#941e1e;--danger-700:#ae2a2a;--danger-600:#c93636;--danger-500:#e34242;--danger-400:#e96868;--danger-300:#ee8e8e;--danger-200:#f7cbcb;--danger-100:#fceeee;--success-900:#224916;--success-800:#2d621e;--success-700:#387a25;--success-600:#44932d;--success-500:#4fab34;--success-400:#72bc5d;--success-300:#b9ddae;--success-200:#d6ebd0;--success-100:#ecf8e8;--warning-900:#794e06;--warning-800:#98640d;--warning-700:#b77a14;--warning-600:#d6901c;--warning-500:#f5a623;--warning-400:#f7b64b;--warning-300:#face87;--warning-200:#fce7c3;--warning-100:#fef7eb;--yellow-900:#7f6b00;--yellow-800:#9f8600;--yellow-700:#bfa100;--yellow-600:#dfbc00;--yellow-500:#ffd700;--yellow-400:#ffdf33;--yellow-300:#ffe766;--yellow-200:#ffef99;--yellow-100:#fff7cc;--oxford:var(--oxford-600);--coral:var(--coral-500);--merlot:var(--merlot-500);--inactive-oxford:#dbdef0;--inactive-coral:#fde0e0;--inactive-merlot:#ebd7dd;--light-oxford:#b7bcd9;--light-coral:#fbbcbc;--light-merlot:#d4a8b5;--inactive-light-oxford:#eceef5;--inactive-light-coral:#fdeeee;--inactive-light-merlot:#f4e9ec;--dark-grey-blue:#2c325e;--cyan-900:#00212d;--cyan-800:#00415a;--cyan-700:#006286;--cyan-600:#0082b3;--cyan-500:#00a3e0;--cyan-400:#33b5e6;--cyan-300:#66c8ec;--cyan-200:#aae3f9;--cyan-100:#e7f8ff;--danger:#e34242;--warning:#f2a422;--warning-a70:rgba(242,164,34,0.7);--success:#57bd39;--success-a70:rgba(87,189,57,0.7);--action:#3172f5;--crypto:#00a3e0;--yellow:#ffd700;--light-danger:#ecaeae;--light-warning:#fef2de;--light-success:#eff9ec;--light-action:#f4f6fd;--dark-danger:#a61919;--dark-warning:#bc7a0b;--dark-success:#45962d;--dark-action:#0943b7;--shadow:#0b0014;--shade:#1c2234;--slate:#3c425a;--shale:#4d556c;--stone:#6a7185;--smoke:#8c95a5;--storm:#afbac6;--silver:#ced5df;--satin:#edeff1;--snow:#f5f6f7;--salt:#fff;--neutral-900:#0b0014;--neutral-800:#1c2234;--neutral-700:#3c425a;--neutral-600:#4d556c;--neutral-500:#6a7185;--neutral-400:#8c95a5;--neutral-300:#8c95a5;--neutral-200:#ced5df;--neutral-100:#edeff1;--neutral-50:#f5f6f7;--off-white:#fdfdfd;--noon:#fff;--dawn:var(--snow);--dusk:var(--silver);--midnight:var(--shade);--heading-text-color:var(--slate);--body-text-color:var(--shale);--subdued-text-color:var(--smoke);--light-text-color:var(--salt);--autofill-color:#fcffdf;--chart-axis:#a5a8ab;--chart-limit:#979797;--header-shadow-color:rgba(0,0,0,0.15);--default-border-color:var(--silver)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}:root{--instant:75ms;--fastest:150ms;--fast:250ms;--default:400ms;--slow:650ms;--slowest:1500ms;--linear:cubic-bezier(0,0,1,1);--ease:cubic-bezier(.25,.1,.25,1);--ease-in-out:cubic-bezier(.42,0,.58,1);--ease-in:cubic-bezier(.55,.54,.55,.54);--ease-out:cubic-bezier(.25,.46,.45,.94);--ease-out-quint:cubic-bezier(.86,0,.07,1);--ease-out-expo:cubic-bezier(.19,1,.22,1);--instant-ease-out:cubic-bezier(0,1.1,0,1.01);--instant-ease-in:cubic-bezier(.755,.05,.855,.06)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}:root{--defaultSize:16px;--size-micro:calc(var(--defaultSize) * 0.25);--size-tiny:calc(var(--defaultSize) * 0.5);--size-small:calc(var(--defaultSize) * 0.75);--size-default:var(--defaultSize);--size-medium:calc(var(--defaultSize) * 1.5);--size-large:calc(var(--defaultSize) * 2);--size-xlarge:calc(var(--defaultSize) * 3);--size-huge:calc(var(--defaultSize) * 4);--space-micro:calc(var(--defaultSize) * 0.25);--space-tiny:calc(var(--defaultSize) * 0.5);--space-small:calc(var(--defaultSize) * 0.75);--space-default:var(--defaultSize);--space-medium:calc(var(--defaultSize) * 1.5);--space-large:calc(var(--defaultSize) * 2);--space-xlarge:calc(var(--defaultSize) * 3);--space-huge:calc(var(--defaultSize) * 4);--radius-multiplier:.25;--radius-micro:calc(var(--radius-multiplier) * var(--sizes.micro));--radius-tiny:calc(var(--radius-multiplier) * var(--sizes.tiny));--radius-small:calc(var(--radius-multiplier) * var(--sizes.small));--radius-default:calc(var(--radius-multiplier) * var(--sizes.default));--radius-medium:calc(var(--radius-multiplier) * var(--sizes.medium));--radius-large:calc(var(--radius-multiplier) * var(--sizes.large));--radius-xlarge:calc(var(--radius-multiplier) * var(--sizes.xlarge));--radius-huge:calc(var(--radius-multiplier) * var(--sizes.huge));--image-multiplier:8;--image-sizes-micro:calc(var(--image-multiplier) * var(--sizes.micro));--image-sizes-tiny:calc(var(--image-multiplier) * var(--sizes.tiny));--image-sizes-small:calc(var(--image-multiplier) * var(--sizes.small));--image-sizes-default:calc(var(--image-multiplier) * var(--sizes.default));--image-sizes-medium:calc(var(--image-multiplier) * var(--sizes.medium));--image-sizes-large:calc(var(--image-multiplier) * var(--sizes.large));--image-sizes-xlarge:calc(var(--image-multiplier) * var(--sizes.xlarge));--image-sizes-huge:calc(var(--image-multiplier) * var(--sizes.huge))}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}
:root{--thin:100;--extra-light:200;--light:300;--regular:400;--medium:500;--semi-bold:600;--bold:700;--extra-bold:800;--black:900;--sans-web:'sans';--sans-fallback:Arial,sans-serif;--serif-web:'serif';--serif-fallback:Georgia,serif;--atlas-grotesk-web:'AtlasGrotesk';--atlas-grotesk-fallback:'Helvetica',sans-serif;--sans:var(--sans-web),var(--sans-fallback);--serif:var(--serif-web),var(--serif-fallback);--atlas-grotesk:var(--atlas-grotesk-web),var(--atlas-grotesk-fallback)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}
@font-face{font-family:"serif";font-style:normal;font-weight:300;src:url("/fonts/TiemposHeadline-Light.woff") format("woff")}@font-face{font-family:"serif";font-style:normal;font-weight:400;src:url("/fonts/TiemposText-Regular.woff") format("woff")}@font-face{font-family:"serif";font-style:normal;font-weight:500;src:url("/fonts/TiemposHeadline-Medium.woff") format("woff")}@font-face{font-family:"sans";font-style:normal;font-weight:500;src:url("/fonts/Graphik-Medium.woff") format("woff")}@font-face{font-family:"sans";font-style:normal;font-weight:600;src:url("/fonts/Graphik-Semibold.woff") format("woff")}@font-face{font-family:"sans";font-style:normal;font-weight:700;src:url("/fonts/Graphik-Bold.woff") format("woff")}@font-face{font-family:"sans";font-style:normal;font-weight:400;src:url("/fonts/Graphik-Regular.woff") format("woff")}@font-face{font-family:"AtlasGrotesk";font-style:normal;font-weight:400;src:url("/fonts/AtlasGrotesk-Regular.woff") format("woff")}@font-face{font-family:"AtlasGrotesk";font-style:normal;font-weight:500;src:url("/fonts/AtlasGrotesk-Medium.woff") format("woff")}@font-face{font-family:"AtlasGrotesk";font-style:normal;font-weight:700;src:url("/fonts/AtlasGrotesk-Bold.woff") format("woff")}.font-faces__serif__XseuP{font-family:var(--serif-fallback)}.fontSans .font-faces__serif__XseuP{font-family:var(--serif-web)}.font-faces__serifLight__iGPdI{font-weight:var(--light)}.font-faces__serifRegular__wxRr3{font-weight:var(--regular)}.font-faces__serifMedium__n-4rV{font-weight:var(--medium)}.font-faces__sans__uCf65{font-family:var(--sans-fallback)}.fontSans .font-faces__sans__uCf65{font-family:var(--sans-web)}.font-faces__sansLight__-1Yzy{font-weight:var(--light)}.font-faces__sansRegular__c8KXl{font-weight:var(--regular)}.font-faces__sansMedium__DqLMY{font-weight:var(--medium)}.font-faces__sansSemibold__K6NQF{font-weight:var(--semi-bold)}.font-faces__sansBold__vF\+EN{font-weight:var(--bold)}.font-faces__atlasGrotesk__rYPJr{font-family:var(--atlas-grotesk-fallback)}.fontGrotesk .font-faces__atlasGrotesk__rYPJr{font-family:var(--atlas-grotesk-web)}.font-faces__atlasGroteskRegular__J2QD8{font-weight:var(--regular)}.font-faces__atlasGroteskMedium__1ilbx{font-weight:var(--medium)}.font-faces__atlasGroteskBold__jZ5W5{font-weight:var(--bold)}@font-face{font-family:'text-security-disc';src:url("/fonts/text-security-disc-compat.eot");src:url("/fonts/text-security-disc-compat.eot?#iefix") format('embedded-opentype'),url("/fonts/text-security-disc.woff2") format('woff2'),url("/fonts/text-security-disc-compat.ttf") format('truetype')}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ProviderSearchPane__header__aSFNb{margin-top:18px}.ProviderSearchPane__body__L6EpZ > .ProviderSearchPane__header__aSFNb{text-align:left;padding-left:0}.ProviderSearchPane__searchWrapper__zceox{background:#3172f5;color:#fff;padding:0 24px;margin:20px 16px;border:1px solid #afbac6;font-weight:500;border-radius:4px;position:relative;padding-bottom:2px;-webkit-transition:background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:52px}.ProviderSearchPane__searchWrapper__zceox button,.ProviderSearchPane__searchWrapper__zceox label,.ProviderSearchPane__searchWrapper__zceox input{position:relative}.ProviderSearchPane__searchWrapper__zceox input{border:none;background:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:36px;padding-bottom:14px;-webkit-transition:background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);color:#fff;cursor:pointer;top:10px;font-size:21px}.ProviderSearchPane__searchWrapper__zceox label{color:#fff;text-transform:uppercase;top:4px;font-weight:600;text-align:left}.ProviderSearchPane__searchWrapper__zceox button{color:#fff;width:16px;height:16px;top:3px}.ProviderSearchPane__searchFocused__rjiac{border-color:#3172f5;background:#eaf1fe;box-shadow:inset 0 1px 2px 1px #98b9fa}.ProviderSearchPane__searchFocused__rjiac label{color:#3172f5}.ProviderSearchPane__searchFocused__rjiac input{border-radius:5px;color:#1c2234;cursor:text}.ProviderSearchPane__searchFocused__rjiac .ProviderSearchPane__searchIcon__mRLZY,.ProviderSearchPane__searchFocused__rjiac button{color:#3172f5}.ProviderSearchPane__searchIcon__mRLZY{cursor:pointer;width:20px;height:20px;position:relative;display:inline-block;position:absolute;right:0;top:1px}.ProviderSearchPane__subtitle__14KEE{color:#4d556c;margin-top:16px;margin-bottom:16px}.ProviderSearchPane__popularProvidersWrapper__pY7Tt{padding:24px 16px}.ProviderSearchPane__popularProviders__RhyzW{margin-top:24px}.ProviderSearchPane__addManualAccountButton__R7bWr{border-radius:4px;padding-bottom:4px}.ProviderSearchPane__body__L6EpZ{min-height:100vh;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#f5f6f7;color:#8c95a5;text-align:center;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;line-height:1.25}.ProviderSearchPane__footer__y67Ae button{margin-top:16px}.ProviderSearchPane__footerCopy__3--3i{margin:8px 0;text-align:center}.ProviderSearchPane__dropdownNoResults__xY0Az{padding:32px 16px;color:#4d556c;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;line-height:1.4;text-align:center}.ProviderSearchPane__dropdownScrollable__TNpUy{max-height:40vh}@media screen and (min-width: 768px){.ProviderSearchPane__dropdownScrollable__TNpUy{max-height:40vmin}}.ProviderSearchPane__dropdownFooter__mxTLU{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:14px 0 0;background:#f4f6fd;border-top:1px solid #ced5df}.ProviderSearchPane__dropdownFooterCaption__YF\+iN{color:#8c95a5;font-size:.75rem;text-align:center}.ProviderSearchPane__dropdownFooterButtonWrapper__-\+4L4{padding:0;color:#3172f5;font-size:1rem;text-transform:none}.ProviderSearchPane__resultItem__-BPcn{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;font-size:16px;text-align:left;padding:12px;background:#fff;color:#4d556c;-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;min-height:48px;-webkit-transition:background 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:background 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:background 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:background 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:background 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54)}.ProviderSearchPane__resultItem__-BPcn:not(.ProviderSearchPane__isHighlighted__fI4cm):nth-child(2n){background:#f5f6f7}.ProviderSearchPane__resultItem__-BPcn:hover{background-color:#d6e3fd}.ProviderSearchPane__resultItem__-BPcn:active{color:#fff;background-color:#3172f5}.ProviderSearchPane__resultItemIcon__s2dI6{width:3rem;height:1.5rem;-webkit-flex-shrink:0;flex-shrink:0;margin-right:.5rem;background-position:center center;background-size:contain;background-repeat:no-repeat}.ProviderSearchPane__resultItemText__2DdgM{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;line-height:1.3}.ProviderSearchPane__resultItemTextHighlighted__xt89A{font-weight:600}.ProviderSearchPane__isHighlighted__fI4cm{background-color:#d6e3fd;border-left:4px solid #3172f5;padding-left:8px}.ProviderSearchPane__addManualAccountButtonWrapper__VvThz{margin-top:6px}.ProviderSearchPane__addManualAccountButtonContent__9beK7{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-moz-box-pack:space-evenly;-o-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly;height:100%;margin:-6px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.ProviderSearchPane__addManualAccountButtonContent__9beK7 .ProviderSearchPane__mainCta__ECU7n,.ProviderSearchPane__addManualAccountButtonContent__9beK7 .ProviderSearchPane__secondaryCta__AliHf{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;line-height:1.33}.ProviderSearchPane__addManualAccountButtonContent__9beK7 .ProviderSearchPane__mainCta__ECU7n{text-transform:uppercase;margin-top:6px}.ProviderSearchPane__addManualAccountButtonContent__9beK7 .ProviderSearchPane__secondaryCta__AliHf{font-weight:500;color:#3c425a;text-transform:none;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.ProviderSearchPane__closeButtonWrapper__OUtIT{margin-top:16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ProviderSearchPaneDecoration__input__6k9ai{border-radius:0;outline:none;border:none;margin:0;padding:0;font-family:"sans", "Arial", sans-serif;font-size:18px;color:#1c2234;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.ProviderSearchPaneDecoration__inputWrapper__CXR3w{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;width:100%}.ProviderSearchPaneDecoration__icon__hKKFa{width:12px;height:12px;-webkit-flex-shrink:0;flex-shrink:0;cursor:pointer;border:none;padding:0;background-color:transparent;color:#3172f5}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ProviderSearchInputDecoration__formFieldDecoration__gJap1{color:#6a7185;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-size:12px;-webkit-transition:font-size 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:font-size 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:font-size 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:font-size 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:font-size 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54)}.ProviderSearchInputDecoration__regular__TTgma{content:''}.ProviderSearchInputDecoration__floatingPane__M6YJk{content:''}.ProviderSearchInputDecoration__label__ZRqic{position:relative;z-index:1;line-height:10px;-webkit-transform:translateY(17px);-moz-transform:translateY(17px);-o-transform:translateY(17px);-ms-transform:translateY(17px);transform:translateY(17px);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54), opacity 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54), font-size 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:-moz-transform 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54), opacity 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54), font-size 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:-o-transform 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54), opacity 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54), font-size 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:-ms-transform 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54), opacity 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54), font-size 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:transform 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54), opacity 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54), font-size 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54)}.ProviderSearchInputDecoration__focused__uMbz8 .ProviderSearchInputDecoration__label__ZRqic{color:#3172f5}.ProviderSearchInputDecoration__expanded__LnOM1 .ProviderSearchInputDecoration__label__ZRqic{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-o-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), font-size 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:-moz-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), font-size 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:-o-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), font-size 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:-ms-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), font-size 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), font-size 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.ProviderSearchInputDecoration__expanded__LnOM1.ProviderSearchInputDecoration__floatingPane__M6YJk .ProviderSearchInputDecoration__label__ZRqic{font-size:10px;background:transparent}.ProviderSearchInputDecoration__error__1UBW\+{font-size:12px;color:#e34242;margin-left:1px;margin-top:4px}.ProviderSearchInputDecoration__input__nhlRw{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;pointer-events:auto}.ProviderSearchInputDecoration__hasError__\+XMZu .ProviderSearchInputDecoration__input__nhlRw{border-color:#e34242}.ProviderSearchInputDecoration__focused__uMbz8 .ProviderSearchInputDecoration__input__nhlRw{border-color:#3172f5}
:root {
}

.PopularProviders__popularAccountListItem__Rzap0 {
  display: inline-block;
  height: 68px;
    width: calc(50% - 8px);
    margin-bottom: 8px;
}

.PopularProviders__popularAccountListItem__Rzap0:nth-child(3n+2) {
      margin-left: 0;
      margin-right: 0;
    }

.PopularProviders__popularAccountListItem__Rzap0:nth-child(2n+1) {
      margin-right: 8px;
    }

.PopularProviders__popularAccountListItem__Rzap0:nth-child(2n+0) {
      margin-left: 8px;
    }

@media (--w415-up) {

.PopularProviders__popularAccountListItem__Rzap0 {
    width: 32%;
    margin-bottom: 8px;
}

    .PopularProviders__popularAccountListItem__Rzap0:nth-child(2n+0),
    .PopularProviders__popularAccountListItem__Rzap0:nth-child(2n+1) {
      margin-left: 0;
      margin-right: 0;
    }

    .PopularProviders__popularAccountListItem__Rzap0:nth-child(3n+2) {
      margin-left: 2%;
      margin-right: 2%;
    }
  }

@media (--w768-up) {

.PopularProviders__popularAccountListItem__Rzap0 {
    width: calc(50% - 8px);
    margin-bottom: 8px;
}

    .PopularProviders__popularAccountListItem__Rzap0:nth-child(3n+2) {
      margin-left: 0;
      margin-right: 0;
    }

    .PopularProviders__popularAccountListItem__Rzap0:nth-child(2n+1) {
      margin-right: 8px;
    }

    .PopularProviders__popularAccountListItem__Rzap0:nth-child(2n+0) {
      margin-left: 8px;
    }
  }

@media (--w1440-up) {

.PopularProviders__popularAccountListItem__Rzap0 {
    width: 32%;
    margin-bottom: 8px;
}

    .PopularProviders__popularAccountListItem__Rzap0:nth-child(2n+0),
    .PopularProviders__popularAccountListItem__Rzap0:nth-child(2n+1) {
      margin-left: 0;
      margin-right: 0;
    }

    .PopularProviders__popularAccountListItem__Rzap0:nth-child(3n+2) {
      margin-left: 2%;
      margin-right: 2%;
    }
  }

@supports (display: grid) {
  .PopularProviders__popularProviders__qAXPR {
    display: grid;
    grid: 1fr 1fr 1fr / 1fr 1fr;
    grid-column-gap: 4px;
    grid-row-gap: 8px;
  }

    @media (--w415-up) {
  .PopularProviders__popularProviders__qAXPR {
      grid: 1fr 1fr / 1fr 1fr 1fr;
  }
    }

    @media (--w768-up) {
  .PopularProviders__popularProviders__qAXPR {
      grid: 1fr 1fr 1fr / 1fr 1fr;
      grid-column-gap: 16px;
  }
    }

    @media (--w1440-up) {
  .PopularProviders__popularProviders__qAXPR {
      grid: 1fr 1fr / 1fr 1fr 1fr;
  }
    }

  .PopularProviders__popularAccountListItem__Rzap0 {
    width: 100%;
    margin-bottom: 0;
  }

    .PopularProviders__popularAccountListItem__Rzap0:nth-child(2n+0),
    .PopularProviders__popularAccountListItem__Rzap0:nth-child(2n+1),
    .PopularProviders__popularAccountListItem__Rzap0:nth-child(3n+2) {
      margin: 0;
    }
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.ProviderBadge__providerBadge__c5f9g {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: .625rem;
  border: 1px solid var(--silver);
  border-radius: 4px;
  background-color: var(--salt);
  cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    transition: box-shadow var(--fast) var(--ease-out);
}

.ProviderBadge__providerBadge__c5f9g:hover {
      box-shadow:
        0 0 0 1px color(var(--slate) a(5%)),
        0 20px 20px color(var(--slate) a(12%));
    }

.ProviderBadge__logo__WOVBc {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.HouseEditForm__textCenter__m7ET4 {
  text-align: center;
}

.HouseEditForm__mobileTitle__ChJxW {
}

.HouseEditForm__formHeight__Fnl-h {
  /* @media (--w768-up) {
    height: 174px;
  } */
}

.HouseEditForm__form__20znT {
  display: flex;
  flex-direction: column;
  width: 100%;

  /* @media (--w768-up) {
    flex-wrap: wrap;
  } */
}

.HouseEditForm__line__vW-Gg {
  position: relative;

  /* @media (--w768-up) {
    width: calc(50% - var(--space-medium) / 2);
    margin-right: var(--space-medium);
  }

  @media (--w1440-up) {
    width: calc(50% - var(--space-large) / 2);
    margin-right: var(--space-large);
  } */
}

.HouseEditForm__item__5wppa {
  margin-bottom: 24px;
}

.HouseEditForm__buttonRowWrapper__T6VG0 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.HouseEditForm__onSettingsPage__cjGxK {
  /* & .submitItem {
    @media(--w768-up) {
      width: 50%;

      & li:last-child {
        margin-right: .7rem;
      }
    }
  } */
}

.HouseEditForm__submitItem__ewAzO {
  margin-top: 2rem;
}

.HouseEditForm__buttonsRow__EXwBB {
  display: flex;
  justify-content: space-between;
}

.HouseEditForm__button__ierCW {
  width: calc((100% - 12px) / 2);
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.HouseEditForm__dropdownHeight__fbF0F{--dropdown-override-max-height:170px}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --corner-dim: .7rem;
  --border: solid 1px var(--snow);
  --border-radius: .17rem;
}

.Balloon__balloon__wW0hk {
  position: relative;
  z-index: 1;
  border-radius: var(--border-radius);
  color: var(--smoke);
  font: .7rem/1.5 var(--sans);
  text-align: left;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.Balloon__balloon__wW0hk::after {
    content: '';
    position: absolute;
  }

.Balloon__balloon__wW0hk.Balloon__leftArrow__hkM8y::after {
    top: calc(50% - var(--corner-dim) / 2);
    left: calc(-1 * var(--corner-dim) / 2);
    width: var(--corner-dim);
    height: var(--corner-dim);
    border-left: var(--border);
    border-radius: var(--border-radius);
    transform: rotate(-45deg);
    background-color: var(--salt);
  }

.Balloon__balloon__wW0hk.Balloon__rightArrow__6D9w8::after {
    top: calc(50% - var(--corner-dim) / 2);
    right: calc(-1 * var(--corner-dim) / 2);
    width: var(--corner-dim);
    height: var(--corner-dim);
    border-right: var(--border);
    border-radius: var(--border-radius);
    transform: rotate(45deg);
    background-color: var(--salt);
  }

.Balloon__balloon__wW0hk.Balloon__downArrow__i1EqI::after {
    bottom: -.55rem;
    left: 50%;
    width: 0;
    height: 0;
    border-top: var(--corner-dim) solid var(--salt);
    border-right: var(--corner-dim) solid transparent;
    border-left: var(--corner-dim) solid transparent;
    transform: translate(-50%, 0);
    background-color: transparent;
  }

.Balloon__balloon__wW0hk.Balloon__upArrow__jrrJF::after {
    top: -.55rem;
    left: 50%;
    width: 0;
    height: 0;
    border-right: var(--corner-dim) solid transparent;
    border-bottom: var(--corner-dim) solid var(--salt);
    border-left: var(--corner-dim) solid transparent;
    transform: translate(-50%, 0);
    background-color: transparent;
  }

.Balloon__leftArrow__hkM8y {}

.Balloon__rightArrow__6D9w8 {}

.Balloon__upArrow__jrrJF {}

.Balloon__downArrow__i1EqI {}

.Balloon__balloonInner__Azr9F {
  position: relative;
  padding: .7rem;
  border: var(--border);
  border-radius: var(--border-radius);
  background-color: var(--salt);
  color: var(--stone);
}

.Balloon__centered__\+GYUx {
  text-align: center;
}

.Balloon__valueExplanation__q1TqP {
  font-size: .75rem;
}

.Balloon__value__JGtGZ {
  padding: .5rem 0;
  font-size: 1.3rem;
  text-align: center;
}

.Balloon__edmundsLogo__pWwk3 {
  display: inline-block;
  width: 13.8rem;
  max-width: 100%;
  height: 1.4rem;
  margin-top: .34rem;
  /* the logo has it's own white space so we need to pull a bottom popup edge a bit up */
  margin-bottom: -.24rem;
  background: url('/images/edmund.png') 0 0 no-repeat;
  background-position: center;
  background-size: contain;
}

.Balloon__zillowLogo__N7tK4 {
  display: inline-block;
  width: 12.4rem;
  max-width: 100%;
  height: 2.8rem;
  margin-top: .34rem;
  background: url('/images/zillow.gif') 0 0 no-repeat;
  background-size: contain;
}

.Balloon__link__dOCtE {
  color: var(--action);
}

:root {
  --wrapper-width: 20rem;
}

.BalloonWrapper__balloonWrapper__3Bmh2 {
  position: absolute;
  z-index: 1;
}

.BalloonWrapper__balloonWrapper__3Bmh2:hover {
    z-index: 2;
  }

.BalloonWrapper__balloonWrapper__3Bmh2.BalloonWrapper__leftArrow__ZxGUA {
    top: 50%;
    left: calc(100% + .7rem);
    width: var(--wrapper-width);
    margin-top: .48rem;
    transform: translateY(-50%);
  }

.BalloonWrapper__balloonWrapper__3Bmh2.BalloonWrapper__downArrow__8xz-x {
    right: -.52rem;
    bottom: 100%;
    left: -.52rem;
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.ButtonRow__buttonRow__Ie229 {
  display: flex;
}

.ButtonRow__buttonWrapper__JxoY1 {
  display: inline-block;
  margin-right: .7rem;
}

.ButtonRow__buttonWrapper__JxoY1:last-child {
    margin-right: 0;
  }

.ButtonRow__singleButtonRow__JHdt6 {
  padding-right: .7rem;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.ConfirmModalLayout__content__VsXz6 {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 24px;
  border: solid 1px var(--satin);
  border-radius: 6px;

  background-color: var(--salt);
  box-shadow: 0 2.3rem 2.1rem 0 rgba(20, 35, 60, .06);
}

@media (min-width: 768px) {

.ConfirmModalLayout__content__VsXz6 {
    width: auto;
    padding: 2rem 3rem;
}
  }

.ConfirmModalLayout__text__e1UVH {
  display: inline-block;
  max-width: 27.5rem;
}

.ConfirmModalLayout__buttons__IVVru {
  margin-top: 3.4rem;
  text-align: right;
}

.ConfirmModalLayout__buttonRow__K8JBR {
  display: inline-block;
  min-width: 13.8rem;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CarEditForm__buttonsRow__GAETG{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.CarEditForm__button__z0LzS{width:calc((100% - 12px) / 2)}.CarEditForm__submitButtons__U4trY{width:100%;margin-top:2rem}.CarEditForm__dropdownHeight__pWuIB{--dropdown-override-max-height:200px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FuturePanePreset__FuturePanePreset__PzDZz{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.EditInPlaceInput__inputWrapper__3SK6U{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.EditInPlaceInput__editInPlaceInput__JLoev{outline:none;display:inline;-webkit-transition:all 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:all 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:all 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:all 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:all 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);width:100%;line-height:1.35}.EditInPlaceInput__editInPlaceInput__JLoev:not(.EditInPlaceInput__isEdit__McikW){cursor:pointer}.EditInPlaceInput__editInPlaceInput__JLoev.EditInPlaceInput__disabled__uIZ9G{cursor:default}.EditInPlaceInput__editInPlaceInput__JLoev.EditInPlaceInput__isEdit__McikW{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:text}.EditInPlaceInput__editInPlaceInput__JLoev.EditInPlaceInput__isEdit__McikW.EditInPlaceInput__withBg__Oqac3{background:#edeff1;color:#1c2234;text-align:left;padding:12px;border-radius:5px;display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex;width:calc(100% - 48px);position:relative}.EditInPlaceInput__icon__z25pW{width:16px;margin-left:8px;color:#3172f5;cursor:pointer;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0;position:relative;top:-2px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LayerNameInput__layerNameInput__9PtpF{font-family:"serif", "Georgia", serif;font-weight:500;font-size:32px;color:#2c325e}.LayerNameInput__field__\+S7sM{border-bottom:1px solid transparent;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;padding-bottom:4px}.LayerNameInput__field__\+S7sM.LayerNameInput__error__vAKMv{border-color:#e34242}.LayerNameInput__field__\+S7sM.LayerNameInput__focus__DV5\+a{border-color:#3172f5}.LayerNameInput__errorMessage__luxJ-{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;margin-top:6px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureWhenInput__futureWhenInput__Ws54U{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px}.FutureWhenInput__twoCols__EjTZ9{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.FutureWhenInput__col__fOyvq{width:calc((100% - 36px) / 2)}.FutureWhenInput__whenInput__3G48z{display:none}.FutureWhenInput__visible__AAkxo{display:block}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureInputWithControl__genericInputWithControl__GaEAA{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.FutureInputWithControl__left__Vuhon,.FutureInputWithControl__right__\+JvPO{width:calc((100% - 24px) / 2);position:relative;height:32px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureFieldControlButtons__futureFieldControlButtons__kwySS{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;border-radius:5px;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.FutureFieldControlButtons__futureFieldControlButtons__kwySS.FutureFieldControlButtons__disabled__KWI7N{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);filter:grayscale(100%)}.FutureFieldControlButtons__button__qwaa-{height:32px;width:calc(((100% - 2px) / 2));color:#3172f5;background-color:#f4f6fd;border:solid 1px #3172f5;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"sans", "Arial", sans-serif;font-size:27px;line-height:.2;box-shadow:1px 1px 2px 0 rgba(48,114,245,0.3);-webkit-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1)}.FutureFieldControlButtons__disabled__KWI7N .FutureFieldControlButtons__button__qwaa-{pointer-events:none}.FutureFieldControlButtons__button__qwaa-:active{background-color:#3172f5;color:#f4f6fd;box-shadow:none}.FutureFieldControlButtons__button__qwaa-:first-child{margin-right:12px}@media (hover:hover){.FutureFieldControlButtons__button__qwaa-:hover{background-color:#e0eafe;box-shadow:none}.FutureFieldControlButtons__button__qwaa-:active{background-color:#3172f5;color:#fff;box-shadow:none}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PremiumInput__premiumInput__rtlgS{height:32px;font-family:"sans", "Arial", sans-serif;font-size:18px;color:#1c2234;background:-webkit-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-moz-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-o-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-ms-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:linear-gradient(-45deg, #f5dd4e, #eaf639, #f8e71c);padding:1px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.PremiumInput__inner__k1FGY{height:100%;width:100%;background:-webkit-linear-gradient(bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.8)), -webkit-linear-gradient(45deg, #f5dd4e, #eaf639, #f8e71c);background:-moz-linear-gradient(bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.8)), -moz-linear-gradient(45deg, #f5dd4e, #eaf639, #f8e71c);background:-o-linear-gradient(bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.8)), -o-linear-gradient(45deg, #f5dd4e, #eaf639, #f8e71c);background:-ms-linear-gradient(bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.8)), -ms-linear-gradient(45deg, #f5dd4e, #eaf639, #f8e71c);background:linear-gradient(to top, rgba(255,255,255,0.8), rgba(255,255,255,0.8)), linear-gradient(45deg, #f5dd4e, #eaf639, #f8e71c);border-radius:3px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.PremiumInput__hidden__0cnIZ{position:absolute;width:1px;height:1px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.PremiumInput__icon__AOcFN{width:16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.InputRangeNative__regular__kQDp2{content:''}.InputRangeNative__small__Y9J5N{content:''}.InputRangeNative__thumbOnly__j8i0F{content:''}.InputRangeNative__input__NplDk{--thumb-size:20px;--thumb-border-width:1px;--track-color:#ced5df;--track-progress-color:#3172f5;width:100%;padding:16px 0;margin:0;-webkit-appearance:none;background-color:transparent}.InputRangeNative__input__NplDk:disabled{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);filter:grayscale(100%)}.InputRangeNative__input__NplDk.InputRangeNative__small__Y9J5N{--thumb-size:24px}.InputRangeNative__input__NplDk.InputRangeNative__big__9RFl1{--thumb-size:24px;--thumb-border-width:2px}.InputRangeNative__input__NplDk.InputRangeNative__bigThumbOnly__wbSUb{--thumb-size:24px;--thumb-border-width:2px;--track-color:transparent;--track-progress-color:transparent}.InputRangeNative__input__NplDk:focus{outline:none}.InputRangeNative__input__NplDk::-webkit-slider-thumb{-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;top:0;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background-color:#f4f6fd;border:var(--thumb-border-width) solid #3172f5;cursor:pointer;box-shadow:1px 1px 2px 0 rgba(48,114,245,0.3);-webkit-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);top:calc((-1 * (var(--thumb-size) - var(--thumb-border-width) * 2) / 2));position:relative}@media (hover:hover){.InputRangeNative__input__NplDk::-webkit-slider-thumb:hover{background:#98b9fa;box-shadow:none}.InputRangeNative__input__NplDk::-webkit-slider-thumb:active,.InputRangeNative__input__NplDk::-webkit-slider-thumb:focus{background:#3172f5;box-shadow:none}}.InputRangeNative__input__NplDk::-moz-range-thumb{-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;top:0;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background-color:#f4f6fd;border:var(--thumb-border-width) solid #3172f5;cursor:pointer;box-shadow:1px 1px 2px 0 rgba(48,114,245,0.3);-webkit-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1)}@media (hover:hover){.InputRangeNative__input__NplDk::-moz-range-thumb:hover{background:#98b9fa;box-shadow:none}.InputRangeNative__input__NplDk::-moz-range-thumb:active,.InputRangeNative__input__NplDk::-moz-range-thumb:focus{background:#3172f5;box-shadow:none}}.InputRangeNative__input__NplDk::-ms-thumb{-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;top:0;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background-color:#f4f6fd;border:var(--thumb-border-width) solid #3172f5;cursor:pointer;box-shadow:1px 1px 2px 0 rgba(48,114,245,0.3);-webkit-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1);transition:background-color 250ms cubic-bezier(0.19, 1, 0.22, 1), box-shadow 250ms cubic-bezier(0.19, 1, 0.22, 1)}@media (hover:hover){.InputRangeNative__input__NplDk::-ms-thumb:hover{background:#98b9fa;box-shadow:none}.InputRangeNative__input__NplDk::-ms-thumb:active,.InputRangeNative__input__NplDk::-ms-thumb:focus{background:#3172f5;box-shadow:none}}.InputRangeNative__input__NplDk::-webkit-slider-runnable-track{height:4px;border-radius:4px;border:none;background-color:var(--track-color);background:-webkit-linear-gradient(left, var(--track-progress-color) 0, var(--track-progress-color) var(--progress), var(--track-color) var(--progress));background:-moz-linear-gradient(left, var(--track-progress-color) 0, var(--track-progress-color) var(--progress), var(--track-color) var(--progress));background:-o-linear-gradient(left, var(--track-progress-color) 0, var(--track-progress-color) var(--progress), var(--track-color) var(--progress));background:-ms-linear-gradient(left, var(--track-progress-color) 0, var(--track-progress-color) var(--progress), var(--track-color) var(--progress));background:linear-gradient(to right, var(--track-progress-color) 0, var(--track-progress-color) var(--progress), var(--track-color) var(--progress))}.InputRangeNative__input__NplDk::-moz-range-track{height:4px;border-radius:4px;border:none;background-color:var(--track-color)}.InputRangeNative__input__NplDk::-ms-track{height:4px;border-radius:4px;border:none;background-color:var(--track-color)}.InputRangeNative__input__NplDk::-ms-fill-upper{height:4px;border-radius:4px;border:none;background-color:var(--track-color)}.InputRangeNative__input__NplDk::-moz-range-progress{height:4px;border-radius:4px;border:none;background-color:var(--track-progress-color)}.InputRangeNative__input__NplDk::-ms-fill-lower{height:4px;border-radius:4px;border:none;background-color:var(--track-progress-color)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureCheckbox__futureCheckbox__7LcRM{content:''}.FutureCheckbox__input__kE0wS{visibility:hidden;position:absolute;height:0;overflow:hidden;margin:0}.FutureCheckbox__ui__TgfB3{width:32px;height:20px;border-radius:24px;border:solid 2px #8c95a5;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.FutureCheckbox__ui__TgfB3:before{content:'';display:block;border-radius:50%;position:absolute;top:2px;left:2px;-webkit-transition:left 150ms, background-color 150ms;-moz-transition:left 150ms, background-color 150ms;-o-transition:left 150ms, background-color 150ms;-ms-transition:left 150ms, background-color 150ms;transition:left 150ms, background-color 150ms;width:12px;height:12px;background-color:#8c95a5}.FutureCheckbox__input__kE0wS:checked + .FutureCheckbox__ui__TgfB3{border-color:#3172f5}.FutureCheckbox__input__kE0wS:checked + .FutureCheckbox__ui__TgfB3:before{left:calc(100% - 2px - 12px);background-color:#3172f5}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LayerStatus__isEnabled__a9LNH{margin-top:8px}.LayerStatus__removeButton__BPwwm{border:none;padding:0;background-color:transparent;cursor:pointer;color:#e34242;font-size:12px;font-weight:600;text-align:center;width:100%;padding:8px 16px;margin-top:auto;line-height:0}.LayerStatus__removeButton__BPwwm:focus{outline:none}.LayerStatus__removeButton__BPwwm:disabled{cursor:default}@media screen and (min-width: 768px){.LayerStatus__removeButton__BPwwm{margin-bottom:0}}.LayerStatus__completeButton__l0kvi{color:#3172f5}.LayerStatus__debugButton__wwXCV{color:#f2a422}.LayerStatus__includeSwitch__xhrI1{margin-bottom:32px;cursor:pointer}.LayerStatus__buttonWrapper__rJnvl{margin-bottom:16px}.LayerStatus__fader__WK1Ae{position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fff;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}.LayerStatus__content__nqB\+6{position:relative;padding:24px 16px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px}.LayerStatus__completeCard__s3Xel{font-size:family-sans;padding:16px;margin:0 16px;margin-bottom:32px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PanePlate__panePlate__F0Mcm{border-radius:5px;border:solid 1px #ced5df;background-color:#f4f6fd}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PastCard__title__G5zqV{font-size:20px;font-weight:600;color:#1c2234;margin-bottom:16px}.PastCard__content__Tp4cV{margin-bottom:16px;font-size:14px;color:#4d556c}.PastCard__content__Tp4cV h1{font-size:20px;font-weight:600;color:#1c2234;margin:0;margin-bottom:16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CompleteCard__content__vYIXC{font-size:14px;color:#4d556c;line-height:1.71}.CompleteCard__content__vYIXC h1{font-size:20px;font-weight:600;color:#1c2234;margin:0;margin-bottom:16px}.CompleteCard__content__vYIXC li{list-style:none}.CompleteCard__content__vYIXC li:before{content:'-';margin-right:8px}.CompleteCard__editButton__vVuMT{text-align:right;margin-bottom:-8px;text-transform:uppercase}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureAssumptionsPane__futureAssumptionsPane__6BAQ0{content:''}.FutureAssumptionsPane__fieldsWrapper__93qi-{padding:0 24px 16px;overflow:hidden}.FutureAssumptionsPane__loading__itihu{z-index:2}.FutureAssumptionsPane__resetButton__D44\+8{border:none;padding:0;background-color:transparent;cursor:pointer;color:#e34242;font-size:12px;font-weight:600;text-align:center;width:100%;padding:8px 16px;margin-top:24px;margin-bottom:16px}.FutureAssumptionsPane__resetButton__D44\+8:focus{outline:none}.FutureAssumptionsPane__resetButton__D44\+8:disabled{cursor:default}.FutureAssumptionsPane__totalSpending__Q9Thm,.FutureAssumptionsPane__units__Php9-{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:32px}.FutureAssumptionsPane__label__bqsQa{height:16px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-shrink:0;flex-shrink:0;font-size:14px;font-weight:500;margin-bottom:2px;color:#1c2234}.FutureAssumptionsPane__note__BO3Nr{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;font-size:12px;line-height:1.4;margin-bottom:2px;color:#6a7185}.FutureAssumptionsPane__total__\+WcQ2{font-size:18px;font-weight:500;margin-top:4px;margin-bottom:24px;width:120px;position:relative;height:32px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:5px;padding-left:4px;border:1px solid #ced5df;color:#404fa2}.FutureAssumptionsPane__units__Php9-{color:#404fa2;position:absolute;top:0;right:0;font-size:11px;font-weight:400;width:32px;height:32px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:right;line-height:1;-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);pointer-events:none;margin-right:6px}.FutureAssumptionsPane__tab__1X9wT{border-top:1px solid #ced5df;padding-top:24px}.FutureAssumptionsPane__tab__1X9wT:first-child{border:none;padding-top:8px}.FutureAssumptionsPane__salaryField__TqrYo{position:relative;top:-10px;margin-bottom:-10px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SelectTypeAhead__select__a6JgV{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.GetDivorced__layerNote__xQXFt{margin:0;margin-top:24px;margin-bottom:24px;font-size:14px;padding:12px 16px;color:#6a7185;border-radius:5px;border:1px solid #ced5df;line-height:1.4;text-align:center}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PastCardCheckbox__pastCardCheckbox__fv88D{margin-top:16px;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;color:#6a7185}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureRepeatInput__futureRepeatInput__U1mdO{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.FutureRepeatInput__item__6\+2YF{margin-bottom:8px;margin-right:16px}.FutureRepeatInput__item__6\+2YF:last-child{margin-right:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}label.RadioButton__radioButton__ny2zl,.RadioButton__radioButton__ny2zl{-webkit-appearance:none;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:100%;flex-basis:100%;cursor:default;gap:4px;outline:none;box-shadow:none;will-change:border,border-color,outline,transform,opacity;-webkit-transition:border 150ms cubic-bezier(0.42, 0, 0.58, 1), border-color 150ms cubic-bezier(0.42, 0, 0.58, 1), outline 150ms cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0.42, 0, 0.58, 1), opacity 150ms cubic-bezier(0.42, 0, 0.58, 1),;-moz-transition:border 150ms cubic-bezier(0.42, 0, 0.58, 1), border-color 150ms cubic-bezier(0.42, 0, 0.58, 1), outline 150ms cubic-bezier(0.42, 0, 0.58, 1), -moz-transform 150ms cubic-bezier(0.42, 0, 0.58, 1), opacity 150ms cubic-bezier(0.42, 0, 0.58, 1),;-o-transition:border 150ms cubic-bezier(0.42, 0, 0.58, 1), border-color 150ms cubic-bezier(0.42, 0, 0.58, 1), outline 150ms cubic-bezier(0.42, 0, 0.58, 1), -o-transform 150ms cubic-bezier(0.42, 0, 0.58, 1), opacity 150ms cubic-bezier(0.42, 0, 0.58, 1),;-ms-transition:border 150ms cubic-bezier(0.42, 0, 0.58, 1), border-color 150ms cubic-bezier(0.42, 0, 0.58, 1), outline 150ms cubic-bezier(0.42, 0, 0.58, 1), -ms-transform 150ms cubic-bezier(0.42, 0, 0.58, 1), opacity 150ms cubic-bezier(0.42, 0, 0.58, 1),;transition:border 150ms cubic-bezier(0.42, 0, 0.58, 1), border-color 150ms cubic-bezier(0.42, 0, 0.58, 1), outline 150ms cubic-bezier(0.42, 0, 0.58, 1), transform 150ms cubic-bezier(0.42, 0, 0.58, 1), opacity 150ms cubic-bezier(0.42, 0, 0.58, 1),}label.RadioButton__radioButton__ny2zl.RadioButton__isDisabled__Z-G9O,.RadioButton__radioButton__ny2zl.RadioButton__isDisabled__Z-G9O{opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75)}label.RadioButton__radioButton__ny2zl:not(.RadioButton__isDisabled__Z-G9O),.RadioButton__radioButton__ny2zl:not(.RadioButton__isDisabled__Z-G9O),label.RadioButton__radioButton__ny2zl:not(.RadioButton__isDisabled__Z-G9O) .RadioButton__dot__R8O40,.RadioButton__radioButton__ny2zl:not(.RadioButton__isDisabled__Z-G9O) .RadioButton__dot__R8O40{cursor:pointer}label.RadioButton__radioButton__ny2zl:not(.RadioButton__isDisabled__Z-G9O):not(.RadioButton__isSelected__CUnu-):hover .RadioButton__dot__R8O40,.RadioButton__radioButton__ny2zl:not(.RadioButton__isDisabled__Z-G9O):not(.RadioButton__isSelected__CUnu-):hover .RadioButton__dot__R8O40{border-color:#82aaf9}label.RadioButton__radioButton__ny2zl:not(.RadioButton__isDisabled__Z-G9O):not(.RadioButton__isSelected__CUnu-):hover .RadioButton__dot__R8O40:before,.RadioButton__radioButton__ny2zl:not(.RadioButton__isDisabled__Z-G9O):not(.RadioButton__isSelected__CUnu-):hover .RadioButton__dot__R8O40:before{background-color:#82aaf9}label.RadioButton__radioButton__ny2zl:hover .RadioButton__dot__R8O40:before,.RadioButton__radioButton__ny2zl:hover .RadioButton__dot__R8O40:before{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}label.RadioButton__radioButton__ny2zl:active .RadioButton__dot__R8O40:before,.RadioButton__radioButton__ny2zl:active .RadioButton__dot__R8O40:before{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.RadioButton__labelText__FQ8dR{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;color:#1d4492;font-size:16px}.RadioButton__withBorder__Fx-0G{border:1px solid #ced5df;border-radius:6px;padding:8px}.RadioButton__withBorder__Fx-0G p{color:#8c95a5;font-size:14px}.RadioButton__withBorder__Fx-0G.RadioButton__isHighlighted__ZhiBy,.RadioButton__withBorder__Fx-0G:not(.RadioButton__isDisabled__Z-G9O):hover{border:1px solid #3172f5;outline:1px solid #3172f5}.RadioButton__isHighlighted__ZhiBy{content:''}.RadioButton__isSelected__CUnu-{color:#3172f5}.RadioButton__isSelected__CUnu-.RadioButton__withBorder__Fx-0G{border-color:currentColor}.RadioButton__input__vawZQ{visibility:hidden;position:absolute;left:-1000px;height:0;overflow:hidden;margin:0}.RadioButton__error__sCUXQ small{color:#e34242}.RadioButton__dot__R8O40{width:20px;height:20px;border-radius:100%;border:solid 2px #ced5df;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:0;flex-shrink:0;background:#fff;color:#3172f5}.RadioButton__dot__R8O40:before{content:'';display:block;border-radius:100%;position:absolute;top:2px;left:2px;width:12px;height:12px;will-change:background-color,border-color,box-shadow,transform;-webkit-transition:background-color 150ms cubic-bezier(0.42, 0, 0.58, 1), border-color 150ms cubic-bezier(0.42, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0.42, 0, 0.58, 1);-moz-transition:background-color 150ms cubic-bezier(0.42, 0, 0.58, 1), border-color 150ms cubic-bezier(0.42, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0.42, 0, 0.58, 1), -moz-transform 150ms cubic-bezier(0.42, 0, 0.58, 1);-o-transition:background-color 150ms cubic-bezier(0.42, 0, 0.58, 1), border-color 150ms cubic-bezier(0.42, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0.42, 0, 0.58, 1), -o-transform 150ms cubic-bezier(0.42, 0, 0.58, 1);-ms-transition:background-color 150ms cubic-bezier(0.42, 0, 0.58, 1), border-color 150ms cubic-bezier(0.42, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0.42, 0, 0.58, 1), -ms-transform 150ms cubic-bezier(0.42, 0, 0.58, 1);transition:background-color 150ms cubic-bezier(0.42, 0, 0.58, 1), border-color 150ms cubic-bezier(0.42, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0.42, 0, 0.58, 1), transform 150ms cubic-bezier(0.42, 0, 0.58, 1)}.RadioButton__input__vawZQ:checked + .RadioButton__dot__R8O40,.RadioButton__isSelected__CUnu- .RadioButton__dot__R8O40{border-color:currentColor;box-shadow:none}.RadioButton__input__vawZQ:checked + .RadioButton__dot__R8O40:before,.RadioButton__isSelected__CUnu- .RadioButton__dot__R8O40:before{background-color:currentColor;box-shadow:0 0 2px 0 #5a8ef7}.RadioButton__displayValue__CpjYJ{font-weight:600;font-size:16px;color:#1c2234}.RadioButton__radioButtonCombo__yQcXa{background:#fafbff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:8px;outline:none}.RadioButton__radioButtonCombo__yQcXa .RadioButton__radioButton__ny2zl{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.RadioButton__radioButtonCombo__yQcXa input[type='tel'],.RadioButton__radioButtonCombo__yQcXa input[type='text'],.RadioButton__radioButtonCombo__yQcXa input[inputmode='numeric']{-webkit-appearance:none;box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);text-align:right}.RadioButton__radioButtonCombo__yQcXa.RadioButton__horizontalLayout__gxPIl{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.RadioButton__withBorder__Fx-0G,.RadioButton__radioButtonCombo__yQcXa{background:#fafbff}.RadioButton__withBorder__Fx-0G:not(.RadioButton__isDisabled__Z-G9O),.RadioButton__radioButtonCombo__yQcXa:not(.RadioButton__isDisabled__Z-G9O),.RadioButton__withBorder__Fx-0G:not(.RadioButton__isDisabled__Z-G9O) .RadioButton__dot__R8O40,.RadioButton__radioButtonCombo__yQcXa:not(.RadioButton__isDisabled__Z-G9O) .RadioButton__dot__R8O40{cursor:pointer}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureOccurrenceField__recurrenceCount__1rQho{display:none}.FutureOccurrenceField__visible__4ImCN{display:block}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SellAssetFields__checkbox__Hzp4Q:not(:last-child){margin-bottom:8px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AssetsList__assetsList__3ktSH{border-radius:4px;background-color:#f5f6f7;border-color:#ced5df;font-family:"sans", "Arial", sans-serif;font-size:16px;padding:16px;position:relative}.AssetsList__option__pe0LY{margin-bottom:24px}.AssetsList__option__pe0LY:last-child{margin-bottom:0}.AssetsList__content__C8JTc{margin-left:8px}.AssetsList__source__nodUW{color:#404fa2;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;margin-bottom:4px;margin-left:30px}.AssetsList__date__btME2{display:inline;font-family:"sans", "Arial", sans-serif;font-size:12px;color:#4d556c;margin-left:22px}.AssetsList__amount__sRLiw{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;display:inline}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureMarriedInput__futureMarriedInput__4CUj\+{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:4px;gap:16px;margin-bottom:24px}.FutureMarriedInput__item__o9gL5{margin-right:16px}.FutureMarriedInput__item__o9gL5:last-child{margin-right:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AccordionTab__tab__P89gl{width:100%;overflow:hidden}.AccordionTab__tabContent__4E2xH{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px;max-height:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:max-height 400ms , opacity 400ms;-moz-transition:max-height 400ms , opacity 400ms;-o-transition:max-height 400ms , opacity 400ms;-ms-transition:max-height 400ms , opacity 400ms;transition:max-height 400ms , opacity 400ms}.AccordionTab__open__bHkHU .AccordionTab__tabContent__4E2xH{-webkit-transition-duration:650ms;-moz-transition-duration:650ms;-o-transition-duration:650ms;-ms-transition-duration:650ms;transition-duration:650ms;padding-bottom:24px;max-height:100vh;opacity:1;-ms-filter:none;filter:none}.AccordionTab__tabLabel__Tfde2{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;cursor:pointer;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:15px;color:#6a7185;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;padding-bottom:4px;margin-bottom:16px;-webkit-transition:-webkit-transform 400ms;-moz-transition:-moz-transform 400ms;-o-transition:-o-transform 400ms;-ms-transition:-ms-transform 400ms;transition:transform 400ms}.AccordionTab__tabLabel__Tfde2::after{content:'\276F';width:1em;height:1em;text-align:center;-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms;color:#3172f5}.AccordionTab__open__bHkHU .AccordionTab__tabLabel__Tfde2::after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.AccordionTab__regular__Hc0eG .AccordionTab__tabLabel__Tfde2{content:''}.AccordionTab__member__HpBao .AccordionTab__tabLabel__Tfde2{color:#404fa2}.AccordionTab__orange__So7vL .AccordionTab__tabLabel__Tfde2{color:#f2a422}.AccordionTab__green__GcDki .AccordionTab__tabLabel__Tfde2{color:#57bd39}.AccordionTab__income__tvWDK .AccordionTab__tabLabel__Tfde2{color:#918a1f}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureMemberLayersPane__futureMemberLayersPane__X1FBv{content:''}.FutureMemberLayersPane__layersWrapper__k9lDG{padding:0 16px 24px}.FutureMemberLayersPane__item__tym9u{height:56px;cursor:pointer}.FutureMemberLayersPane__preloader__1N39r{z-index:2}.FutureMemberLayersPane__subscriptionNote__6\+Adv{text-align:center;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:16px;line-height:1.4;margin:0 40px;color:#404fa2}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureLayerPreview__layerPreview__lO3Sc{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.FutureLayerPreview__category__bxy-5{-webkit-flex-shrink:0;flex-shrink:0;width:32px;height:32px;margin-right:12px}.FutureLayerPreview__body__qzjpV{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.FutureLayerPreview__title__iIM93{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:17px;color:#4d556c;margin-bottom:2px}.FutureLayerPreview__note__STpiZ{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#8c95a5;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px}.FutureLayerPreview__when__5yt9m{content:''}.FutureLayerPreview__edit__4P68W{color:#3172f5;cursor:pointer;font-weight:400}.FutureLayerPreview__enabled__5pmME{-webkit-flex-shrink:0;flex-shrink:0}.FutureLayerPreview__checkIcon__-06iv{width:24px;color:#ced5df;margin-right:7px}.FutureLayerPreview__checkIcon__-06iv.FutureLayerPreview__complete__d1eju{color:#57bd39}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.InputToggle__inputToggle__2iely{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:38px;height:22px;border-radius:126px;border:1px solid #8c95a5;background-color:#edeff1;position:relative}.InputToggle__inputToggle__2iely:before{content:'';display:block;position:absolute;left:2px;top:2px;background-color:#8c95a5;width:16px;height:16px;border-radius:50%;-webkit-transition:-webkit-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:-moz-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:-o-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:-ms-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54)}.InputToggle__inputToggle__2iely.InputToggle__enabled__7DTdP:before{background-color:#3172f5;-webkit-transform:translateX(16px);-moz-transform:translateX(16px);-o-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}@media (hover:hover){.InputToggle__inputToggle__2iely:hover{background-color:#fafbff}.InputToggle__inputToggle__2iely.InputToggle__enabled__7DTdP:hover:before{-webkit-transform:translateX(14px);-moz-transform:translateX(14px);-o-transform:translateX(14px);-ms-transform:translateX(14px);transform:translateX(14px)}.InputToggle__inputToggle__2iely:hover:before{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-o-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);background-color:#82aaf9}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureAllLayersPane__futureAllLayersPane__6wCeC{padding:12px;padding-top:0}.FutureAllLayersPane__groupTitle__X\+Zpm{margin-bottom:8px;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;color:#4d556c}@media screen and (min-width: 375px){.FutureAllLayersPane__groupTitle__X\+Zpm{font-size:13px}}@media screen and (min-width: 415px){.FutureAllLayersPane__groupTitle__X\+Zpm{font-size:14px}}.FutureAllLayersPane__buttonGroup__hLhE9{display:grid;grid-gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}@media screen and (min-width: 415px){.FutureAllLayersPane__buttonGroup__hLhE9{grid-gap:12px}}.FutureAllLayersPane__buttonWrapper__E1fch{max-width:100%}.FutureAllLayersPane__goalTheme__ORyu7{color:#397b25}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}:root{--headerHeight:48px}.FastlinkPane__fastlinkPanePreset__SPAdv{background-color:#fff;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;height:calc(100vh - var(--headerHeight))}.FastlinkPane__iframe__g3lMX{background:#ced5df;height:100%;width:100%}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorRequestPanePreset__advisorRequestPanePreset__0rBgw{padding-bottom:0 16px 16px;background-color:#fff;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;z-index:1}.AdvisorRequestPanePreset__content__dmXJW{padding:24px 12px}@media screen and (min-width: 768px){.AdvisorRequestPanePreset__content__dmXJW{padding:24px 16px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorRequestTopic__advisorRequestTopic__YOifU.AdvisorRequestTopic__regular__4ve63{content:''}.AdvisorRequestTopic__advisorRequestTopic__YOifU.AdvisorRequestTopic__profile__g1RAz{content:''}.AdvisorRequestTopic__advisorRequestTopic__YOifU.AdvisorRequestTopic__landing__D4IBr{content:''}.AdvisorRequestTopic__topicsButtons__DxZKA{margin-top:8px}.AdvisorRequestTopic__landing__D4IBr .AdvisorRequestTopic__topicsButtons__DxZKA{margin-top:0}.AdvisorRequestTopic__textarea__s33ch{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.5;color:#4d556c;outline:none;margin-top:6px;border-radius:5px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);background-color:#edeff1;border:none;padding:8px;margin-bottom:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;min-width:100%;min-height:112px}.AdvisorRequestTopic__error__uoFDF{border:1px solid #e34242}.AdvisorRequestTopic__zipInput__zl8kX{width:75px}.AdvisorRequestTopic__incomeInputWrapper__7po6q{position:relative;width:160px}.AdvisorRequestTopic__incomeInput__rYqyD{width:160px}.AdvisorRequestTopic__incomeInputUnits__eA8w5{font-size:11px;position:absolute;bottom:0;right:8px;width:32px;height:32px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:right;line-height:1;-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);pointer-events:none;color:#8c95a5}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.GridSelect__gridSelect__XoHjx{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;--space-v:16px;--space-h:12px;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:calc(var(--space-h) * -1)}.GridSelect__gridSelect__XoHjx:after{content:'';display:block;width:calc(((100% - var(--space-h) * 2) / 3));-webkit-flex-shrink:1;flex-shrink:1}.GridSelect__button__gY5nJ{width:calc(((100% - var(--space-h) * 2) / 3));margin-bottom:var(--space-v);-webkit-flex-shrink:0;flex-shrink:0}.GridSelect__button__gY5nJ > button{border:1px solid transparent}.GridSelect__button__gY5nJ.GridSelect__disabled__C1\+jF{pointer-events:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PaneNote__paneNote__Nv3AE{font-family:"sans", "Arial", sans-serif;font-size:16px;color:#4d556c}.PaneNote__paneNote__Nv3AE p{line-height:1.5}.PaneNote__paneNote__Nv3AE h1{font-family:"sans", "Arial", sans-serif;font-weight:800;font-size:20px;line-height:1.2;color:#1c2234;margin-bottom:8px}.PaneNote__paneNote__Nv3AE h3{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:16px;line-height:1;color:#2c325e;margin-bottom:12px}.PaneNote__paneNote__Nv3AE h4{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;line-height:1;color:#1c2234;margin-bottom:8px}.PaneNote__paneNote__Nv3AE h6{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:12px;line-height:1.17;color:#e34242;margin-top:4px}.PaneNote__paneNote__Nv3AE label{cursor:pointer}.PaneNote__paneNote__Nv3AE label > h4{font-size:14px}.PaneNote__paneNote__Nv3AE span{font-family:"sans", "Arial", sans-serif;font-size:14px}.PaneNote__paneNote__Nv3AE blockquote{font-family:"sans", "Arial", sans-serif;font-weight:300;font-size:16px;line-height:1.5;color:#2c325e}.PaneNote__paneNote__Nv3AE sub{font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.45;color:#8c95a5}.PaneNote__paneNote__Nv3AE hr{border:none;border-bottom:1px solid #ced5df;margin:0}.PaneNote__paneNote__Nv3AE li{list-style-type:none}.PaneNote__paneNote__Nv3AE li:before{content:'•';display:inline;margin-right:8px}.PaneNote__paneNote__Nv3AE b{font-weight:600}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorRequestSpinners__loadingCard__BZcS4{background:#f4f6fd;border-radius:5px;border-bottom:1px solid #ced5df;color:#4d556c;padding:24px 16px;margin-bottom:16px;box-shadow:1px 1px 2px 0 rgba(0,0,0,0.35);-webkit-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.AdvisorRequestSpinners__loadingCard__BZcS4:hover{box-shadow:0 0 0 1px rgba(60,66,90,0.05),0 20px 20px rgba(60,66,90,0.12)}.AdvisorRequestSpinners__loadingCard__BZcS4 > div{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-animation:AdvisorRequestSpinners__mainFadeInAnimation__nZobM var(--duration);-moz-animation:AdvisorRequestSpinners__mainFadeInAnimation__nZobM var(--duration);-o-animation:AdvisorRequestSpinners__mainFadeInAnimation__nZobM var(--duration);-ms-animation:AdvisorRequestSpinners__mainFadeInAnimation__nZobM var(--duration);animation:AdvisorRequestSpinners__mainFadeInAnimation__nZobM var(--duration);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:16px;position:relative}.AdvisorRequestSpinners__loadingCard__BZcS4 > div:last-child{margin-bottom:0}.AdvisorRequestSpinners__loadingCard__BZcS4 > div > span{margin-left:8px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.AdvisorRequestSpinners__loadingCard__BZcS4 > div > h4{color:#fff}.AdvisorRequestSpinners__loadingCard__BZcS4 > div > .AdvisorRequestSpinners__checkmarkIcon__1ouKB{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-animation:AdvisorRequestSpinners__fadeInAnimation__kqgHh var(--duration);-moz-animation:AdvisorRequestSpinners__fadeInAnimation__kqgHh var(--duration);-o-animation:AdvisorRequestSpinners__fadeInAnimation__kqgHh var(--duration);-ms-animation:AdvisorRequestSpinners__fadeInAnimation__kqgHh var(--duration);animation:AdvisorRequestSpinners__fadeInAnimation__kqgHh var(--duration);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}.AdvisorRequestSpinners__loadingCard__BZcS4 > div > .AdvisorRequestSpinners__loadingIcon__-2KIQ{opacity:1;-ms-filter:none;filter:none;-webkit-animation:AdvisorRequestSpinners__fadeOutAnimation__fjeJB var(--duration);-moz-animation:AdvisorRequestSpinners__fadeOutAnimation__fjeJB var(--duration);-o-animation:AdvisorRequestSpinners__fadeOutAnimation__fjeJB var(--duration);-ms-animation:AdvisorRequestSpinners__fadeOutAnimation__fjeJB var(--duration);animation:AdvisorRequestSpinners__fadeOutAnimation__fjeJB var(--duration);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}.AdvisorRequestSpinners__loadingCard__BZcS4 > div:nth-child(3n+1){-webkit-animation-delay:calc(var(--duration) / 3 * 0);-moz-animation-delay:calc(var(--duration) / 3 * 0);-o-animation-delay:calc(var(--duration) / 3 * 0);-ms-animation-delay:calc(var(--duration) / 3 * 0);animation-delay:calc(var(--duration) / 3 * 0)}.AdvisorRequestSpinners__loadingCard__BZcS4 > div:nth-child(3n+1) > .AdvisorRequestSpinners__checkmarkIcon__1ouKB{-webkit-animation-delay:calc(var(--duration) / 3 * 1);-moz-animation-delay:calc(var(--duration) / 3 * 1);-o-animation-delay:calc(var(--duration) / 3 * 1);-ms-animation-delay:calc(var(--duration) / 3 * 1);animation-delay:calc(var(--duration) / 3 * 1)}.AdvisorRequestSpinners__loadingCard__BZcS4 > div:nth-child(3n+2){-webkit-animation-delay:calc(var(--duration) / 3 * 1);-moz-animation-delay:calc(var(--duration) / 3 * 1);-o-animation-delay:calc(var(--duration) / 3 * 1);-ms-animation-delay:calc(var(--duration) / 3 * 1);animation-delay:calc(var(--duration) / 3 * 1)}.AdvisorRequestSpinners__loadingCard__BZcS4 > div:nth-child(3n+2) > .AdvisorRequestSpinners__checkmarkIcon__1ouKB{-webkit-animation-delay:calc(var(--duration) / 3 * 2);-moz-animation-delay:calc(var(--duration) / 3 * 2);-o-animation-delay:calc(var(--duration) / 3 * 2);-ms-animation-delay:calc(var(--duration) / 3 * 2);animation-delay:calc(var(--duration) / 3 * 2)}.AdvisorRequestSpinners__loadingCard__BZcS4 > div:nth-child(3n+3){-webkit-animation-delay:calc(var(--duration) / 3 * 2);-moz-animation-delay:calc(var(--duration) / 3 * 2);-o-animation-delay:calc(var(--duration) / 3 * 2);-ms-animation-delay:calc(var(--duration) / 3 * 2);animation-delay:calc(var(--duration) / 3 * 2)}.AdvisorRequestSpinners__loadingCard__BZcS4 > div:nth-child(3n+3) > .AdvisorRequestSpinners__checkmarkIcon__1ouKB{-webkit-animation-delay:calc(var(--duration) / 3 * 3);-moz-animation-delay:calc(var(--duration) / 3 * 3);-o-animation-delay:calc(var(--duration) / 3 * 3);-ms-animation-delay:calc(var(--duration) / 3 * 3);animation-delay:calc(var(--duration) / 3 * 3)}.AdvisorRequestSpinners__module__zwqYR{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.AdvisorRequestSpinners__module__zwqYR > h4{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;line-height:1;color:#2c325e;margin-bottom:12px}.AdvisorRequestSpinners__spinnerIcon__KeEi7,.AdvisorRequestSpinners__checkmarkIcon__1ouKB{width:24px;height:24px;-webkit-flex-shrink:0;flex-shrink:0;color:#6a7185}.AdvisorRequestSpinners__checkmarkIcon__1ouKB{z-index:2}.AdvisorRequestSpinners__spinnerIcon__KeEi7{top:1px;position:absolute}.AdvisorRequestSpinners__centeredSpinner__1L8kV{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.AdvisorRequestSpinners__centeredSpinner__1L8kV > div{margin-right:8px}@-moz-keyframes AdvisorRequestSpinners__mainFadeInAnimation__nZobM{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}50%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}100%{opacity:1;-ms-filter:none;filter:none}}@-webkit-keyframes AdvisorRequestSpinners__mainFadeInAnimation__nZobM{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}50%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}100%{opacity:1;-ms-filter:none;filter:none}}@-o-keyframes AdvisorRequestSpinners__mainFadeInAnimation__nZobM{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}50%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}100%{opacity:1;-ms-filter:none;filter:none}}@keyframes AdvisorRequestSpinners__mainFadeInAnimation__nZobM{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}50%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}100%{opacity:1;-ms-filter:none;filter:none}}@-moz-keyframes AdvisorRequestSpinners__fadeOutAnimation__fjeJB{0{opacity:1;-ms-filter:none;filter:none}50%{opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75)}100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@-webkit-keyframes AdvisorRequestSpinners__fadeOutAnimation__fjeJB{0{opacity:1;-ms-filter:none;filter:none}50%{opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75)}100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@-o-keyframes AdvisorRequestSpinners__fadeOutAnimation__fjeJB{0{opacity:1;-ms-filter:none;filter:none}50%{opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75)}100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@keyframes AdvisorRequestSpinners__fadeOutAnimation__fjeJB{0{opacity:1;-ms-filter:none;filter:none}50%{opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75)}100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@-moz-keyframes AdvisorRequestSpinners__fadeInAnimation__kqgHh{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}75%{opacity:.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter:alpha(opacity=10)}100%{opacity:1;-ms-filter:none;filter:none}}@-webkit-keyframes AdvisorRequestSpinners__fadeInAnimation__kqgHh{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}75%{opacity:.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter:alpha(opacity=10)}100%{opacity:1;-ms-filter:none;filter:none}}@-o-keyframes AdvisorRequestSpinners__fadeInAnimation__kqgHh{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}75%{opacity:.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter:alpha(opacity=10)}100%{opacity:1;-ms-filter:none;filter:none}}@keyframes AdvisorRequestSpinners__fadeInAnimation__kqgHh{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}75%{opacity:.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter:alpha(opacity=10)}100%{opacity:1;-ms-filter:none;filter:none}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorCard__advisorCardWrapper__7sfPX{margin-bottom:48px;background:#f4f6fd}.AdvisorCard__emptyState__S-1bb{padding:24px 16px;text-align:center;margin-bottom:16px}.AdvisorCard__emptyState__S-1bb > h3{font-size:18px;font-weight:500;margin-bottom:8px}.AdvisorCard__emptyState__S-1bb > h6{color:#8c95a5}.AdvisorCard__advisorCard__dKuZ4{border-top-left-radius:4px;border-top-right-radius:4px;color:#ffd700;padding:16px;padding-bottom:0}.AdvisorCard__advisorCard__dKuZ4 > div > h4{color:#1c2234}.AdvisorCard__advisorCard__dKuZ4 blockquote > a{font-size:12px}.AdvisorCard__header__0QXjS{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:14px}.AdvisorCard__sectionHeader__ZvNli{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;color:#1c2234}.AdvisorCard__title__Cm-6n{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;margin:0 12px}.AdvisorCard__expertise__t6qsk{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:12px;--cols:2;--gap:8px;--totalSpace:calc(var(--gap) * (var(--cols) - 1));--colWidth:calc(((100% - var(--totalSpace)) / var(--cols)))}.AdvisorCard__expertise__t6qsk:after{content:'';display:block;-webkit-flex-shrink:1;flex-shrink:1;width:var(--colWidth)}.AdvisorCard__expertise__t6qsk>*{-webkit-flex-shrink:0;flex-shrink:0;width:var(--colWidth);font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;margin-bottom:8px}.AdvisorCard__availability__C6gMg{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:4px;padding:0 16px}.AdvisorCard__availability__C6gMg > h4{color:#1c2234}.AdvisorCard__availability__C6gMg h3{margin:0}.AdvisorCard__timezone__ZtiO1{font-family:"sans", "Arial", sans-serif;font-size:11px;color:#8c95a5;margin-top:2px}.AdvisorCard__paneNote__5fxhm{margin-top:16px}.AdvisorCard__paneNoTimeslots__Nc3vM{margin:29px auto 20px;text-align:center;vertical-align:middle}.AdvisorCard__divider__qmd6L{border-color:transparent;margin:0 16px;margin-top:8px;border-top:1px solid #ced5df}.AdvisorCard__moreAdvisorsLink__3C6x8{width:100%;margin-bottom:16px;margin-top:-16px;font-size:12px;font-weight:300;text-transform:none;color:#3172f5}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AvailabilityPicker__availabilityPicker__SfXoJ{background:#f5f6f7;margin:0 16px;margin-bottom:12px;border-radius:2px;position:relative}.AvailabilityPicker__timeslotItem__\+Z4EC{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-top:24px;-webkit-transition:opacity 400ms, filter 400ms;-moz-transition:opacity 400ms, filter 400ms;-o-transition:opacity 400ms, filter 400ms;-ms-transition:opacity 400ms, filter 400ms;transition:opacity 400ms, filter 400ms}.AvailabilityPicker__timeslotItem__\+Z4EC:first-child{margin-top:0}.AvailabilityPicker__disabled__SF8nS{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);pointer-events:none;filter:grayscale(100%)}.AvailabilityPicker__title__54WcR{margin-bottom:8px;color:#4d556c;width:100%;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:baseline;-moz-box-align:baseline;-o-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline}.AvailabilityPicker__date__7E9vU{margin-bottom:2px;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:16px;color:#1d4492;text-transform:none;padding:0}.AvailabilityPicker__datesList__uE06P > li:not(:last-child){margin-bottom:12px}.AvailabilityPicker__weekday__M\+PmY{font-family:"sans", "Arial", sans-serif;font-weight:300;font-size:12px;color:#8c95a5}.AvailabilityPicker__timeslots__3c33E{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;--space-v:12px;--space-h:16px;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.AvailabilityPicker__timeslots__3c33E:after{content:'';display:block;width:calc((100% - var(--space-h) * 2) / 3);-webkit-flex-shrink:1;flex-shrink:1}.AvailabilityPicker__button__S4xPB{width:calc((100% - var(--space-h) * 2) / 3);margin-bottom:var(--space-v);-webkit-flex-shrink:0;flex-shrink:0}.AvailabilityPicker__button__S4xPB > button{font-size:14px}.AvailabilityPicker__button__S4xPB > button:hover{background:#3172f5;color:#fff}.AvailabilityPicker__moreTimeslotsLink__rmaUo{margin-top:16px}.AvailabilityPicker__moreTimeslotsLink__rmaUo > button{border:1px solid #3172f5}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorHeaderWith__advisorHeaderWith__WukB3{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.AdvisorHeaderWith__avatar__x7RrV{width:48px;height:48px;margin-left:-4px;margin-top:-1px;margin-right:12px;-webkit-flex-shrink:0;flex-shrink:0}.AdvisorHeaderWith__smallAvatar__spS5g{width:40px;height:40px}.AdvisorHeaderWith__title__IzP0\+{font-family:"sans", "Arial", sans-serif;font-size:12px}.AdvisorHeaderWith__name__a0jFS{font-family:"serif", "Georgia", serif;font-weight:200;font-size:22px;color:#2c325e;margin-bottom:2px}.AdvisorHeaderWith__subTitle__GNObe{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;color:#afbac6}.AdvisorHeaderWith__grades__wIb0F{font-weight:500;color:#4d556c}.AdvisorHeaderWith__grades__wIb0F span{font-weight:300;color:#8c95a5}.AdvisorHeaderWith__reviews__6OmuA{font-size:12px;text-align:right}.AdvisorHeaderWith__rating__l4ezr{-webkit-flex-shrink:0;flex-shrink:0;-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start;margin-left:auto;margin-top:9px}.AdvisorHeaderWith__stars__NJeZI{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-size:12px;font-weight:500;color:#4d556c}.AdvisorHeaderWith__stars__NJeZI > i{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;color:#ffd700;width:16px;height:16px;margin-right:4px}.AdvisorHeaderWith__advisorHeaderWith__WukB3.AdvisorHeaderWith__vertical__hiQip{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center;width:100%}.AdvisorHeaderWith__advisorHeaderWith__WukB3.AdvisorHeaderWith__vertical__hiQip > .AdvisorHeaderWith__avatar__x7RrV{width:48px;height:48px;margin-bottom:16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorAvatar__advisorAvatar__Z7bMY{width:100%;height:100%;background:-webkit-linear-gradient(top, #2c325e, #404fa2);background:-moz-linear-gradient(top, #2c325e, #404fa2);background:-o-linear-gradient(top, #2c325e, #404fa2);background:-ms-linear-gradient(top, #2c325e, #404fa2);background:linear-gradient(to bottom, #2c325e, #404fa2);border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:3px;color:#ffd700;font-size:0}.AdvisorAvatar__advisorAvatar__Z7bMY.AdvisorAvatar__regular__bkQaj{content:''}.AdvisorAvatar__advisorAvatar__Z7bMY.AdvisorAvatar__auxBorderWidth__K283V{padding:var(--avatar-border1-width)}.AdvisorAvatar__layer1__n0qXE{width:100%;height:100%;background:#ffd700;border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:1px}.AdvisorAvatar__auxBorderWidth__K283V .AdvisorAvatar__layer1__n0qXE{padding:var(--avatar-border2-width)}.AdvisorAvatar__layer2__wPTgo{border-radius:50%;width:100%;height:100%;overflow:hidden;background:-webkit-linear-gradient(top, #2c325e, #404fa2);background:-moz-linear-gradient(top, #2c325e, #404fa2);background:-o-linear-gradient(top, #2c325e, #404fa2);background:-ms-linear-gradient(top, #2c325e, #404fa2);background:linear-gradient(to bottom, #2c325e, #404fa2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:6px}.AdvisorAvatar__hasImage__tZ2nm{padding:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorRequestLoading__loadingCard__B3Txq{background:#f4f6fd;border-radius:5px;border-bottom:1px solid #ced5df;color:#4d556c;padding:24px 16px;margin-bottom:16px;box-shadow:1px 1px 2px 0 rgba(0,0,0,0.35);-webkit-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.AdvisorRequestLoading__loadingCard__B3Txq:hover{box-shadow:0 0 0 1px rgba(60,66,90,0.05),0 20px 20px rgba(60,66,90,0.12)}.AdvisorRequestLoading__loadingCard__B3Txq > div{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-animation:AdvisorRequestLoading__mainFadeInAnimation__WoJOL var(--duration);-moz-animation:AdvisorRequestLoading__mainFadeInAnimation__WoJOL var(--duration);-o-animation:AdvisorRequestLoading__mainFadeInAnimation__WoJOL var(--duration);-ms-animation:AdvisorRequestLoading__mainFadeInAnimation__WoJOL var(--duration);animation:AdvisorRequestLoading__mainFadeInAnimation__WoJOL var(--duration);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:16px;position:relative}.AdvisorRequestLoading__loadingCard__B3Txq > div:last-child{margin-bottom:0}.AdvisorRequestLoading__loadingCard__B3Txq > div > span{margin-left:8px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.AdvisorRequestLoading__loadingCard__B3Txq > div > h4{color:#fff}.AdvisorRequestLoading__loadingCard__B3Txq > div > .AdvisorRequestLoading__checkmarkIcon__x85bV{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-animation:AdvisorRequestLoading__fadeInAnimation__Jb0Vl var(--duration);-moz-animation:AdvisorRequestLoading__fadeInAnimation__Jb0Vl var(--duration);-o-animation:AdvisorRequestLoading__fadeInAnimation__Jb0Vl var(--duration);-ms-animation:AdvisorRequestLoading__fadeInAnimation__Jb0Vl var(--duration);animation:AdvisorRequestLoading__fadeInAnimation__Jb0Vl var(--duration);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}.AdvisorRequestLoading__loadingCard__B3Txq > div > .AdvisorRequestLoading__loadingIcon__jBsW8{opacity:1;-ms-filter:none;filter:none;-webkit-animation:AdvisorRequestLoading__fadeOutAnimation__2v8-F var(--duration);-moz-animation:AdvisorRequestLoading__fadeOutAnimation__2v8-F var(--duration);-o-animation:AdvisorRequestLoading__fadeOutAnimation__2v8-F var(--duration);-ms-animation:AdvisorRequestLoading__fadeOutAnimation__2v8-F var(--duration);animation:AdvisorRequestLoading__fadeOutAnimation__2v8-F var(--duration);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}.AdvisorRequestLoading__loadingCard__B3Txq > div:nth-child(3n+1){-webkit-animation-delay:calc(var(--duration) / 3 * 0);-moz-animation-delay:calc(var(--duration) / 3 * 0);-o-animation-delay:calc(var(--duration) / 3 * 0);-ms-animation-delay:calc(var(--duration) / 3 * 0);animation-delay:calc(var(--duration) / 3 * 0)}.AdvisorRequestLoading__loadingCard__B3Txq > div:nth-child(3n+1) > .AdvisorRequestLoading__checkmarkIcon__x85bV{-webkit-animation-delay:calc(var(--duration) / 3 * 1);-moz-animation-delay:calc(var(--duration) / 3 * 1);-o-animation-delay:calc(var(--duration) / 3 * 1);-ms-animation-delay:calc(var(--duration) / 3 * 1);animation-delay:calc(var(--duration) / 3 * 1)}.AdvisorRequestLoading__loadingCard__B3Txq > div:nth-child(3n+2){-webkit-animation-delay:calc(var(--duration) / 3 * 1);-moz-animation-delay:calc(var(--duration) / 3 * 1);-o-animation-delay:calc(var(--duration) / 3 * 1);-ms-animation-delay:calc(var(--duration) / 3 * 1);animation-delay:calc(var(--duration) / 3 * 1)}.AdvisorRequestLoading__loadingCard__B3Txq > div:nth-child(3n+2) > .AdvisorRequestLoading__checkmarkIcon__x85bV{-webkit-animation-delay:calc(var(--duration) / 3 * 2);-moz-animation-delay:calc(var(--duration) / 3 * 2);-o-animation-delay:calc(var(--duration) / 3 * 2);-ms-animation-delay:calc(var(--duration) / 3 * 2);animation-delay:calc(var(--duration) / 3 * 2)}.AdvisorRequestLoading__loadingCard__B3Txq > div:nth-child(3n+3){-webkit-animation-delay:calc(var(--duration) / 3 * 2);-moz-animation-delay:calc(var(--duration) / 3 * 2);-o-animation-delay:calc(var(--duration) / 3 * 2);-ms-animation-delay:calc(var(--duration) / 3 * 2);animation-delay:calc(var(--duration) / 3 * 2)}.AdvisorRequestLoading__loadingCard__B3Txq > div:nth-child(3n+3) > .AdvisorRequestLoading__checkmarkIcon__x85bV{-webkit-animation-delay:calc(var(--duration) / 3 * 3);-moz-animation-delay:calc(var(--duration) / 3 * 3);-o-animation-delay:calc(var(--duration) / 3 * 3);-ms-animation-delay:calc(var(--duration) / 3 * 3);animation-delay:calc(var(--duration) / 3 * 3)}.AdvisorRequestLoading__module__IGHT7{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.AdvisorRequestLoading__module__IGHT7 > h4{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;line-height:1;color:#2c325e;margin-bottom:12px}.AdvisorRequestLoading__spinnerIcon__L\+\+4Y,.AdvisorRequestLoading__checkmarkIcon__x85bV{width:24px;height:24px;-webkit-flex-shrink:0;flex-shrink:0;color:#6a7185}.AdvisorRequestLoading__checkmarkIcon__x85bV{z-index:2}.AdvisorRequestLoading__spinnerIcon__L\+\+4Y{top:1px;position:absolute}.AdvisorRequestLoading__centeredSpinner__O0GpJ{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:32px 0}.AdvisorRequestLoading__centeredSpinner__O0GpJ > div{margin-right:8px}@-moz-keyframes AdvisorRequestLoading__mainFadeInAnimation__WoJOL{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}50%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}100%{opacity:1;-ms-filter:none;filter:none}}@-webkit-keyframes AdvisorRequestLoading__mainFadeInAnimation__WoJOL{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}50%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}100%{opacity:1;-ms-filter:none;filter:none}}@-o-keyframes AdvisorRequestLoading__mainFadeInAnimation__WoJOL{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}50%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}100%{opacity:1;-ms-filter:none;filter:none}}@keyframes AdvisorRequestLoading__mainFadeInAnimation__WoJOL{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}50%{opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}100%{opacity:1;-ms-filter:none;filter:none}}@-moz-keyframes AdvisorRequestLoading__fadeOutAnimation__2v8-F{0{opacity:1;-ms-filter:none;filter:none}50%{opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75)}100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@-webkit-keyframes AdvisorRequestLoading__fadeOutAnimation__2v8-F{0{opacity:1;-ms-filter:none;filter:none}50%{opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75)}100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@-o-keyframes AdvisorRequestLoading__fadeOutAnimation__2v8-F{0{opacity:1;-ms-filter:none;filter:none}50%{opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75)}100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@keyframes AdvisorRequestLoading__fadeOutAnimation__2v8-F{0{opacity:1;-ms-filter:none;filter:none}50%{opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75)}100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@-moz-keyframes AdvisorRequestLoading__fadeInAnimation__Jb0Vl{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}75%{opacity:.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter:alpha(opacity=10)}100%{opacity:1;-ms-filter:none;filter:none}}@-webkit-keyframes AdvisorRequestLoading__fadeInAnimation__Jb0Vl{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}75%{opacity:.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter:alpha(opacity=10)}100%{opacity:1;-ms-filter:none;filter:none}}@-o-keyframes AdvisorRequestLoading__fadeInAnimation__Jb0Vl{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}75%{opacity:.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter:alpha(opacity=10)}100%{opacity:1;-ms-filter:none;filter:none}}@keyframes AdvisorRequestLoading__fadeInAnimation__Jb0Vl{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}75%{opacity:.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter:alpha(opacity=10)}100%{opacity:1;-ms-filter:none;filter:none}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.MeetingDetails__action__GcBHC,.MeetingDetails__blue__0ALMh,.MeetingDetails__cyan__q53Oy,.MeetingDetails__green__PiZyp,.MeetingDetails__orange__1WZG\+,.MeetingDetails__yellow__IlAkB,.MeetingDetails__danger__McpaO,.MeetingDetails__alert__bZsWB,.MeetingDetails__oxford__le3ix,.MeetingDetails__coral__7rzA8,.MeetingDetails__merlot__9THdi,.MeetingDetails__midnight__cobAm,.MeetingDetails__creditCard__gIR1y{border:1px solid var(--defaultColor);background:var(--defaultColor);color:#fff}.MeetingDetails__action__GcBHC.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__blue__0ALMh.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__cyan__q53Oy.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__green__PiZyp.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__orange__1WZG\+.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__yellow__IlAkB.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__danger__McpaO.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__alert__bZsWB.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__oxford__le3ix.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__coral__7rzA8.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__merlot__9THdi.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__midnight__cobAm.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__creditCard__gIR1y.MeetingDetails__clickable__hnukM:hover{box-shadow:0 2px 0 0 var(--darkColor)}.MeetingDetails__action__GcBHC.MeetingDetails__clickable__hnukM:active:not(.MeetingDetails__textOnly__-psLs),.MeetingDetails__blue__0ALMh.MeetingDetails__clickable__hnukM:active:not(.MeetingDetails__textOnly__-psLs),.MeetingDetails__cyan__q53Oy.MeetingDetails__clickable__hnukM:active:not(.MeetingDetails__textOnly__-psLs),.MeetingDetails__green__PiZyp.MeetingDetails__clickable__hnukM:active:not(.MeetingDetails__textOnly__-psLs),.MeetingDetails__orange__1WZG\+.MeetingDetails__clickable__hnukM:active:not(.MeetingDetails__textOnly__-psLs),.MeetingDetails__yellow__IlAkB.MeetingDetails__clickable__hnukM:active:not(.MeetingDetails__textOnly__-psLs),.MeetingDetails__danger__McpaO.MeetingDetails__clickable__hnukM:active:not(.MeetingDetails__textOnly__-psLs),.MeetingDetails__alert__bZsWB.MeetingDetails__clickable__hnukM:active:not(.MeetingDetails__textOnly__-psLs),.MeetingDetails__oxford__le3ix.MeetingDetails__clickable__hnukM:active:not(.MeetingDetails__textOnly__-psLs),.MeetingDetails__coral__7rzA8.MeetingDetails__clickable__hnukM:active:not(.MeetingDetails__textOnly__-psLs),.MeetingDetails__merlot__9THdi.MeetingDetails__clickable__hnukM:active:not(.MeetingDetails__textOnly__-psLs),.MeetingDetails__midnight__cobAm.MeetingDetails__clickable__hnukM:active:not(.MeetingDetails__textOnly__-psLs),.MeetingDetails__creditCard__gIR1y.MeetingDetails__clickable__hnukM:active:not(.MeetingDetails__textOnly__-psLs){box-shadow:none;-webkit-transform:translateY(.5px);-moz-transform:translateY(.5px);-o-transform:translateY(.5px);-ms-transform:translateY(.5px);transform:translateY(.5px)}.MeetingDetails__action__GcBHC.MeetingDetails__notification__RpOKr,.MeetingDetails__blue__0ALMh.MeetingDetails__notification__RpOKr,.MeetingDetails__cyan__q53Oy.MeetingDetails__notification__RpOKr,.MeetingDetails__green__PiZyp.MeetingDetails__notification__RpOKr,.MeetingDetails__orange__1WZG\+.MeetingDetails__notification__RpOKr,.MeetingDetails__yellow__IlAkB.MeetingDetails__notification__RpOKr,.MeetingDetails__danger__McpaO.MeetingDetails__notification__RpOKr,.MeetingDetails__alert__bZsWB.MeetingDetails__notification__RpOKr,.MeetingDetails__oxford__le3ix.MeetingDetails__notification__RpOKr,.MeetingDetails__coral__7rzA8.MeetingDetails__notification__RpOKr,.MeetingDetails__merlot__9THdi.MeetingDetails__notification__RpOKr,.MeetingDetails__midnight__cobAm.MeetingDetails__notification__RpOKr,.MeetingDetails__creditCard__gIR1y.MeetingDetails__notification__RpOKr{border:none}.MeetingDetails__action__GcBHC.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__blue__0ALMh.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__cyan__q53Oy.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__green__PiZyp.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__orange__1WZG\+.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__yellow__IlAkB.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__danger__McpaO.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__alert__bZsWB.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__oxford__le3ix.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__coral__7rzA8.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__merlot__9THdi.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__midnight__cobAm.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__creditCard__gIR1y.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover{background:var(--lightColor)}.MeetingDetails__action__GcBHC.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__blue__0ALMh.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__cyan__q53Oy.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__green__PiZyp.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__orange__1WZG\+.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__yellow__IlAkB.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__danger__McpaO.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__alert__bZsWB.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__oxford__le3ix.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__coral__7rzA8.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__merlot__9THdi.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__midnight__cobAm.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__creditCard__gIR1y.MeetingDetails__notification__RpOKr [role='dismiss-button']:active{background:var(--lightestColor);color:var(--defaultColor)}.MeetingDetails__action__GcBHC:not(.MeetingDetails__insight__PZfs\+):not(.MeetingDetails__hollow__PAaJZ):not(.MeetingDetails__textOnly__-psLs):not(.MeetingDetails__notification__RpOKr) h4,.MeetingDetails__blue__0ALMh:not(.MeetingDetails__insight__PZfs\+):not(.MeetingDetails__hollow__PAaJZ):not(.MeetingDetails__textOnly__-psLs):not(.MeetingDetails__notification__RpOKr) h4,.MeetingDetails__cyan__q53Oy:not(.MeetingDetails__insight__PZfs\+):not(.MeetingDetails__hollow__PAaJZ):not(.MeetingDetails__textOnly__-psLs):not(.MeetingDetails__notification__RpOKr) h4,.MeetingDetails__green__PiZyp:not(.MeetingDetails__insight__PZfs\+):not(.MeetingDetails__hollow__PAaJZ):not(.MeetingDetails__textOnly__-psLs):not(.MeetingDetails__notification__RpOKr) h4,.MeetingDetails__orange__1WZG\+:not(.MeetingDetails__insight__PZfs\+):not(.MeetingDetails__hollow__PAaJZ):not(.MeetingDetails__textOnly__-psLs):not(.MeetingDetails__notification__RpOKr) h4,.MeetingDetails__yellow__IlAkB:not(.MeetingDetails__insight__PZfs\+):not(.MeetingDetails__hollow__PAaJZ):not(.MeetingDetails__textOnly__-psLs):not(.MeetingDetails__notification__RpOKr) h4,.MeetingDetails__danger__McpaO:not(.MeetingDetails__insight__PZfs\+):not(.MeetingDetails__hollow__PAaJZ):not(.MeetingDetails__textOnly__-psLs):not(.MeetingDetails__notification__RpOKr) h4,.MeetingDetails__alert__bZsWB:not(.MeetingDetails__insight__PZfs\+):not(.MeetingDetails__hollow__PAaJZ):not(.MeetingDetails__textOnly__-psLs):not(.MeetingDetails__notification__RpOKr) h4,.MeetingDetails__oxford__le3ix:not(.MeetingDetails__insight__PZfs\+):not(.MeetingDetails__hollow__PAaJZ):not(.MeetingDetails__textOnly__-psLs):not(.MeetingDetails__notification__RpOKr) h4,.MeetingDetails__coral__7rzA8:not(.MeetingDetails__insight__PZfs\+):not(.MeetingDetails__hollow__PAaJZ):not(.MeetingDetails__textOnly__-psLs):not(.MeetingDetails__notification__RpOKr) h4,.MeetingDetails__merlot__9THdi:not(.MeetingDetails__insight__PZfs\+):not(.MeetingDetails__hollow__PAaJZ):not(.MeetingDetails__textOnly__-psLs):not(.MeetingDetails__notification__RpOKr) h4,.MeetingDetails__midnight__cobAm:not(.MeetingDetails__insight__PZfs\+):not(.MeetingDetails__hollow__PAaJZ):not(.MeetingDetails__textOnly__-psLs):not(.MeetingDetails__notification__RpOKr) h4,.MeetingDetails__creditCard__gIR1y:not(.MeetingDetails__insight__PZfs\+):not(.MeetingDetails__hollow__PAaJZ):not(.MeetingDetails__textOnly__-psLs):not(.MeetingDetails__notification__RpOKr) h4{color:rgba(255,255,255,0.75)}.MeetingDetails__action__GcBHC.MeetingDetails__insight__PZfs\+,.MeetingDetails__blue__0ALMh.MeetingDetails__insight__PZfs\+,.MeetingDetails__cyan__q53Oy.MeetingDetails__insight__PZfs\+,.MeetingDetails__green__PiZyp.MeetingDetails__insight__PZfs\+,.MeetingDetails__orange__1WZG\+.MeetingDetails__insight__PZfs\+,.MeetingDetails__yellow__IlAkB.MeetingDetails__insight__PZfs\+,.MeetingDetails__danger__McpaO.MeetingDetails__insight__PZfs\+,.MeetingDetails__alert__bZsWB.MeetingDetails__insight__PZfs\+,.MeetingDetails__oxford__le3ix.MeetingDetails__insight__PZfs\+,.MeetingDetails__coral__7rzA8.MeetingDetails__insight__PZfs\+,.MeetingDetails__merlot__9THdi.MeetingDetails__insight__PZfs\+,.MeetingDetails__midnight__cobAm.MeetingDetails__insight__PZfs\+,.MeetingDetails__creditCard__gIR1y.MeetingDetails__insight__PZfs\+{background:#fff;color:var(--defaultColor)}.MeetingDetails__action__GcBHC.MeetingDetails__outlined__GKUfg,.MeetingDetails__blue__0ALMh.MeetingDetails__outlined__GKUfg,.MeetingDetails__cyan__q53Oy.MeetingDetails__outlined__GKUfg,.MeetingDetails__green__PiZyp.MeetingDetails__outlined__GKUfg,.MeetingDetails__orange__1WZG\+.MeetingDetails__outlined__GKUfg,.MeetingDetails__yellow__IlAkB.MeetingDetails__outlined__GKUfg,.MeetingDetails__danger__McpaO.MeetingDetails__outlined__GKUfg,.MeetingDetails__alert__bZsWB.MeetingDetails__outlined__GKUfg,.MeetingDetails__oxford__le3ix.MeetingDetails__outlined__GKUfg,.MeetingDetails__coral__7rzA8.MeetingDetails__outlined__GKUfg,.MeetingDetails__merlot__9THdi.MeetingDetails__outlined__GKUfg,.MeetingDetails__midnight__cobAm.MeetingDetails__outlined__GKUfg,.MeetingDetails__creditCard__gIR1y.MeetingDetails__outlined__GKUfg{border-color:var(--darkestColor)}.MeetingDetails__action__GcBHC.MeetingDetails__outlined__GKUfg.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__blue__0ALMh.MeetingDetails__outlined__GKUfg.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__cyan__q53Oy.MeetingDetails__outlined__GKUfg.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__green__PiZyp.MeetingDetails__outlined__GKUfg.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__orange__1WZG\+.MeetingDetails__outlined__GKUfg.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__yellow__IlAkB.MeetingDetails__outlined__GKUfg.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__danger__McpaO.MeetingDetails__outlined__GKUfg.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__alert__bZsWB.MeetingDetails__outlined__GKUfg.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__oxford__le3ix.MeetingDetails__outlined__GKUfg.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__coral__7rzA8.MeetingDetails__outlined__GKUfg.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__merlot__9THdi.MeetingDetails__outlined__GKUfg.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__midnight__cobAm.MeetingDetails__outlined__GKUfg.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__creditCard__gIR1y.MeetingDetails__outlined__GKUfg.MeetingDetails__clickable__hnukM:hover{background:var(--lightColor)}.MeetingDetails__action__GcBHC.MeetingDetails__hollow__PAaJZ,.MeetingDetails__blue__0ALMh.MeetingDetails__hollow__PAaJZ,.MeetingDetails__cyan__q53Oy.MeetingDetails__hollow__PAaJZ,.MeetingDetails__green__PiZyp.MeetingDetails__hollow__PAaJZ,.MeetingDetails__orange__1WZG\+.MeetingDetails__hollow__PAaJZ,.MeetingDetails__yellow__IlAkB.MeetingDetails__hollow__PAaJZ,.MeetingDetails__danger__McpaO.MeetingDetails__hollow__PAaJZ,.MeetingDetails__alert__bZsWB.MeetingDetails__hollow__PAaJZ,.MeetingDetails__oxford__le3ix.MeetingDetails__hollow__PAaJZ,.MeetingDetails__coral__7rzA8.MeetingDetails__hollow__PAaJZ,.MeetingDetails__merlot__9THdi.MeetingDetails__hollow__PAaJZ,.MeetingDetails__midnight__cobAm.MeetingDetails__hollow__PAaJZ,.MeetingDetails__creditCard__gIR1y.MeetingDetails__hollow__PAaJZ{color:var(--defaultColor)}.MeetingDetails__action__GcBHC.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__blue__0ALMh.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__cyan__q53Oy.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__green__PiZyp.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__orange__1WZG\+.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__yellow__IlAkB.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__danger__McpaO.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__alert__bZsWB.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__oxford__le3ix.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__coral__7rzA8.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__merlot__9THdi.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__midnight__cobAm.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__creditCard__gIR1y.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:hover{border-color:var(--defaultColor);background:var(--lightestColor);color:#fff}.MeetingDetails__action__GcBHC.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:active,.MeetingDetails__blue__0ALMh.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:active,.MeetingDetails__cyan__q53Oy.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:active,.MeetingDetails__green__PiZyp.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:active,.MeetingDetails__orange__1WZG\+.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:active,.MeetingDetails__yellow__IlAkB.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:active,.MeetingDetails__danger__McpaO.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:active,.MeetingDetails__alert__bZsWB.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:active,.MeetingDetails__oxford__le3ix.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:active,.MeetingDetails__coral__7rzA8.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:active,.MeetingDetails__merlot__9THdi.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:active,.MeetingDetails__midnight__cobAm.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:active,.MeetingDetails__creditCard__gIR1y.MeetingDetails__hollow__PAaJZ.MeetingDetails__clickable__hnukM:active{border:1px solid transparent;background:var(--lightestColor);color:#fff}.MeetingDetails__action__GcBHC.MeetingDetails__textOnly__-psLs,.MeetingDetails__blue__0ALMh.MeetingDetails__textOnly__-psLs,.MeetingDetails__cyan__q53Oy.MeetingDetails__textOnly__-psLs,.MeetingDetails__green__PiZyp.MeetingDetails__textOnly__-psLs,.MeetingDetails__orange__1WZG\+.MeetingDetails__textOnly__-psLs,.MeetingDetails__yellow__IlAkB.MeetingDetails__textOnly__-psLs,.MeetingDetails__danger__McpaO.MeetingDetails__textOnly__-psLs,.MeetingDetails__alert__bZsWB.MeetingDetails__textOnly__-psLs,.MeetingDetails__oxford__le3ix.MeetingDetails__textOnly__-psLs,.MeetingDetails__coral__7rzA8.MeetingDetails__textOnly__-psLs,.MeetingDetails__merlot__9THdi.MeetingDetails__textOnly__-psLs,.MeetingDetails__midnight__cobAm.MeetingDetails__textOnly__-psLs,.MeetingDetails__creditCard__gIR1y.MeetingDetails__textOnly__-psLs{color:var(--defaultColor)}.MeetingDetails__action__GcBHC.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__blue__0ALMh.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__cyan__q53Oy.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__green__PiZyp.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__orange__1WZG\+.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__yellow__IlAkB.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__danger__McpaO.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__alert__bZsWB.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__oxford__le3ix.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__coral__7rzA8.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__merlot__9THdi.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__midnight__cobAm.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__creditCard__gIR1y.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:hover{color:var(--darkColor)}.MeetingDetails__action__GcBHC.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:active,.MeetingDetails__blue__0ALMh.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:active,.MeetingDetails__cyan__q53Oy.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:active,.MeetingDetails__green__PiZyp.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:active,.MeetingDetails__orange__1WZG\+.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:active,.MeetingDetails__yellow__IlAkB.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:active,.MeetingDetails__danger__McpaO.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:active,.MeetingDetails__alert__bZsWB.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:active,.MeetingDetails__oxford__le3ix.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:active,.MeetingDetails__coral__7rzA8.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:active,.MeetingDetails__merlot__9THdi.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:active,.MeetingDetails__midnight__cobAm.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:active,.MeetingDetails__creditCard__gIR1y.MeetingDetails__textOnly__-psLs.MeetingDetails__clickable__hnukM:active{color:var(--lightColor)}.MeetingDetails__lightCyan__S4Mto,.MeetingDetails__lightRed__doH1K,.MeetingDetails__lightBlue__0kiJz,.MeetingDetails__lightGreen__RB-ht,.MeetingDetails__lightOrange__cF0hH,.MeetingDetails__darkCyan__7vFQo,.MeetingDetails__darkRed__R1sPE,.MeetingDetails__darkBlue__MSseG,.MeetingDetails__darkGreen__WPa90,.MeetingDetails__darkOrange__IGsRg,.MeetingDetails__snow__QkD7m,.MeetingDetails__stone__UfpcM,.MeetingDetails__info__vu0lC{background:var(--lightestColor);color:var(--darkColor)}.MeetingDetails__lightCyan__S4Mto.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__lightRed__doH1K.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__lightBlue__0kiJz.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__lightGreen__RB-ht.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__lightOrange__cF0hH.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__darkCyan__7vFQo.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__darkRed__R1sPE.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__darkBlue__MSseG.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__darkGreen__WPa90.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__darkOrange__IGsRg.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__snow__QkD7m.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__stone__UfpcM.MeetingDetails__clickable__hnukM:hover,.MeetingDetails__info__vu0lC.MeetingDetails__clickable__hnukM:hover{box-shadow:0 2px 0 0 var(--darkColor)}.MeetingDetails__lightCyan__S4Mto:not(.MeetingDetails__textOnly__-psLs).MeetingDetails__clickable__hnukM:active,.MeetingDetails__lightRed__doH1K:not(.MeetingDetails__textOnly__-psLs).MeetingDetails__clickable__hnukM:active,.MeetingDetails__lightBlue__0kiJz:not(.MeetingDetails__textOnly__-psLs).MeetingDetails__clickable__hnukM:active,.MeetingDetails__lightGreen__RB-ht:not(.MeetingDetails__textOnly__-psLs).MeetingDetails__clickable__hnukM:active,.MeetingDetails__lightOrange__cF0hH:not(.MeetingDetails__textOnly__-psLs).MeetingDetails__clickable__hnukM:active,.MeetingDetails__darkCyan__7vFQo:not(.MeetingDetails__textOnly__-psLs).MeetingDetails__clickable__hnukM:active,.MeetingDetails__darkRed__R1sPE:not(.MeetingDetails__textOnly__-psLs).MeetingDetails__clickable__hnukM:active,.MeetingDetails__darkBlue__MSseG:not(.MeetingDetails__textOnly__-psLs).MeetingDetails__clickable__hnukM:active,.MeetingDetails__darkGreen__WPa90:not(.MeetingDetails__textOnly__-psLs).MeetingDetails__clickable__hnukM:active,.MeetingDetails__darkOrange__IGsRg:not(.MeetingDetails__textOnly__-psLs).MeetingDetails__clickable__hnukM:active,.MeetingDetails__snow__QkD7m:not(.MeetingDetails__textOnly__-psLs).MeetingDetails__clickable__hnukM:active,.MeetingDetails__stone__UfpcM:not(.MeetingDetails__textOnly__-psLs).MeetingDetails__clickable__hnukM:active,.MeetingDetails__info__vu0lC:not(.MeetingDetails__textOnly__-psLs).MeetingDetails__clickable__hnukM:active{box-shadow:none;background:var(--lightColor)}.MeetingDetails__lightCyan__S4Mto.MeetingDetails__notification__RpOKr,.MeetingDetails__lightRed__doH1K.MeetingDetails__notification__RpOKr,.MeetingDetails__lightBlue__0kiJz.MeetingDetails__notification__RpOKr,.MeetingDetails__lightGreen__RB-ht.MeetingDetails__notification__RpOKr,.MeetingDetails__lightOrange__cF0hH.MeetingDetails__notification__RpOKr,.MeetingDetails__darkCyan__7vFQo.MeetingDetails__notification__RpOKr,.MeetingDetails__darkRed__R1sPE.MeetingDetails__notification__RpOKr,.MeetingDetails__darkBlue__MSseG.MeetingDetails__notification__RpOKr,.MeetingDetails__darkGreen__WPa90.MeetingDetails__notification__RpOKr,.MeetingDetails__darkOrange__IGsRg.MeetingDetails__notification__RpOKr,.MeetingDetails__snow__QkD7m.MeetingDetails__notification__RpOKr,.MeetingDetails__stone__UfpcM.MeetingDetails__notification__RpOKr,.MeetingDetails__info__vu0lC.MeetingDetails__notification__RpOKr{color:var(--darkestColor)}.MeetingDetails__lightCyan__S4Mto.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__lightRed__doH1K.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__lightBlue__0kiJz.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__lightGreen__RB-ht.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__lightOrange__cF0hH.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__darkCyan__7vFQo.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__darkRed__R1sPE.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__darkBlue__MSseG.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__darkGreen__WPa90.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__darkOrange__IGsRg.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__snow__QkD7m.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__stone__UfpcM.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover,.MeetingDetails__info__vu0lC.MeetingDetails__notification__RpOKr [role='dismiss-button']:hover{background:var(--lightColor)}.MeetingDetails__lightCyan__S4Mto.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__lightRed__doH1K.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__lightBlue__0kiJz.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__lightGreen__RB-ht.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__lightOrange__cF0hH.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__darkCyan__7vFQo.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__darkRed__R1sPE.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__darkBlue__MSseG.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__darkGreen__WPa90.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__darkOrange__IGsRg.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__snow__QkD7m.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__stone__UfpcM.MeetingDetails__notification__RpOKr [role='dismiss-button']:active,.MeetingDetails__info__vu0lC.MeetingDetails__notification__RpOKr [role='dismiss-button']:active{background:var(--defaultColor);color:var(--lightestColor)}.MeetingDetails__lightCyan__S4Mto.MeetingDetails__hollow__PAaJZ,.MeetingDetails__lightRed__doH1K.MeetingDetails__hollow__PAaJZ,.MeetingDetails__lightBlue__0kiJz.MeetingDetails__hollow__PAaJZ,.MeetingDetails__lightGreen__RB-ht.MeetingDetails__hollow__PAaJZ,.MeetingDetails__lightOrange__cF0hH.MeetingDetails__hollow__PAaJZ,.MeetingDetails__darkCyan__7vFQo.MeetingDetails__hollow__PAaJZ,.MeetingDetails__darkRed__R1sPE.MeetingDetails__hollow__PAaJZ,.MeetingDetails__darkBlue__MSseG.MeetingDetails__hollow__PAaJZ,.MeetingDetails__darkGreen__WPa90.MeetingDetails__hollow__PAaJZ,.MeetingDetails__darkOrange__IGsRg.MeetingDetails__hollow__PAaJZ,.MeetingDetails__snow__QkD7m.MeetingDetails__hollow__PAaJZ,.MeetingDetails__stone__UfpcM.MeetingDetails__hollow__PAaJZ,.MeetingDetails__info__vu0lC.MeetingDetails__hollow__PAaJZ{color:var(--darkColor)}.MeetingDetails__lightCyan__S4Mto.MeetingDetails__textOnly__-psLs,.MeetingDetails__lightRed__doH1K.MeetingDetails__textOnly__-psLs,.MeetingDetails__lightBlue__0kiJz.MeetingDetails__textOnly__-psLs,.MeetingDetails__lightGreen__RB-ht.MeetingDetails__textOnly__-psLs,.MeetingDetails__lightOrange__cF0hH.MeetingDetails__textOnly__-psLs,.MeetingDetails__darkCyan__7vFQo.MeetingDetails__textOnly__-psLs,.MeetingDetails__darkRed__R1sPE.MeetingDetails__textOnly__-psLs,.MeetingDetails__darkBlue__MSseG.MeetingDetails__textOnly__-psLs,.MeetingDetails__darkGreen__WPa90.MeetingDetails__textOnly__-psLs,.MeetingDetails__darkOrange__IGsRg.MeetingDetails__textOnly__-psLs,.MeetingDetails__snow__QkD7m.MeetingDetails__textOnly__-psLs,.MeetingDetails__stone__UfpcM.MeetingDetails__textOnly__-psLs,.MeetingDetails__info__vu0lC.MeetingDetails__textOnly__-psLs{color:var(--defaultColor)}.MeetingDetails__lightCyan__S4Mto:not(.MeetingDetails__clickable__hnukM),.MeetingDetails__lightRed__doH1K:not(.MeetingDetails__clickable__hnukM),.MeetingDetails__lightBlue__0kiJz:not(.MeetingDetails__clickable__hnukM),.MeetingDetails__lightGreen__RB-ht:not(.MeetingDetails__clickable__hnukM),.MeetingDetails__lightOrange__cF0hH:not(.MeetingDetails__clickable__hnukM),.MeetingDetails__darkCyan__7vFQo:not(.MeetingDetails__clickable__hnukM),.MeetingDetails__darkRed__R1sPE:not(.MeetingDetails__clickable__hnukM),.MeetingDetails__darkBlue__MSseG:not(.MeetingDetails__clickable__hnukM),.MeetingDetails__darkGreen__WPa90:not(.MeetingDetails__clickable__hnukM),.MeetingDetails__darkOrange__IGsRg:not(.MeetingDetails__clickable__hnukM),.MeetingDetails__snow__QkD7m:not(.MeetingDetails__clickable__hnukM),.MeetingDetails__stone__UfpcM:not(.MeetingDetails__clickable__hnukM),.MeetingDetails__info__vu0lC:not(.MeetingDetails__clickable__hnukM),.MeetingDetails__lightCyan__S4Mto h1,.MeetingDetails__lightRed__doH1K h1,.MeetingDetails__lightBlue__0kiJz h1,.MeetingDetails__lightGreen__RB-ht h1,.MeetingDetails__lightOrange__cF0hH h1,.MeetingDetails__darkCyan__7vFQo h1,.MeetingDetails__darkRed__R1sPE h1,.MeetingDetails__darkBlue__MSseG h1,.MeetingDetails__darkGreen__WPa90 h1,.MeetingDetails__darkOrange__IGsRg h1,.MeetingDetails__snow__QkD7m h1,.MeetingDetails__stone__UfpcM h1,.MeetingDetails__info__vu0lC h1,.MeetingDetails__lightCyan__S4Mto h2,.MeetingDetails__lightRed__doH1K h2,.MeetingDetails__lightBlue__0kiJz h2,.MeetingDetails__lightGreen__RB-ht h2,.MeetingDetails__lightOrange__cF0hH h2,.MeetingDetails__darkCyan__7vFQo h2,.MeetingDetails__darkRed__R1sPE h2,.MeetingDetails__darkBlue__MSseG h2,.MeetingDetails__darkGreen__WPa90 h2,.MeetingDetails__darkOrange__IGsRg h2,.MeetingDetails__snow__QkD7m h2,.MeetingDetails__stone__UfpcM h2,.MeetingDetails__info__vu0lC h2,.MeetingDetails__lightCyan__S4Mto h3,.MeetingDetails__lightRed__doH1K h3,.MeetingDetails__lightBlue__0kiJz h3,.MeetingDetails__lightGreen__RB-ht h3,.MeetingDetails__lightOrange__cF0hH h3,.MeetingDetails__darkCyan__7vFQo h3,.MeetingDetails__darkRed__R1sPE h3,.MeetingDetails__darkBlue__MSseG h3,.MeetingDetails__darkGreen__WPa90 h3,.MeetingDetails__darkOrange__IGsRg h3,.MeetingDetails__snow__QkD7m h3,.MeetingDetails__stone__UfpcM h3,.MeetingDetails__info__vu0lC h3,.MeetingDetails__lightCyan__S4Mto h4,.MeetingDetails__lightRed__doH1K h4,.MeetingDetails__lightBlue__0kiJz h4,.MeetingDetails__lightGreen__RB-ht h4,.MeetingDetails__lightOrange__cF0hH h4,.MeetingDetails__darkCyan__7vFQo h4,.MeetingDetails__darkRed__R1sPE h4,.MeetingDetails__darkBlue__MSseG h4,.MeetingDetails__darkGreen__WPa90 h4,.MeetingDetails__darkOrange__IGsRg h4,.MeetingDetails__snow__QkD7m h4,.MeetingDetails__stone__UfpcM h4,.MeetingDetails__info__vu0lC h4,.MeetingDetails__lightCyan__S4Mto h5,.MeetingDetails__lightRed__doH1K h5,.MeetingDetails__lightBlue__0kiJz h5,.MeetingDetails__lightGreen__RB-ht h5,.MeetingDetails__lightOrange__cF0hH h5,.MeetingDetails__darkCyan__7vFQo h5,.MeetingDetails__darkRed__R1sPE h5,.MeetingDetails__darkBlue__MSseG h5,.MeetingDetails__darkGreen__WPa90 h5,.MeetingDetails__darkOrange__IGsRg h5,.MeetingDetails__snow__QkD7m h5,.MeetingDetails__stone__UfpcM h5,.MeetingDetails__info__vu0lC h5,.MeetingDetails__lightCyan__S4Mto h6,.MeetingDetails__lightRed__doH1K h6,.MeetingDetails__lightBlue__0kiJz h6,.MeetingDetails__lightGreen__RB-ht h6,.MeetingDetails__lightOrange__cF0hH h6,.MeetingDetails__darkCyan__7vFQo h6,.MeetingDetails__darkRed__R1sPE h6,.MeetingDetails__darkBlue__MSseG h6,.MeetingDetails__darkGreen__WPa90 h6,.MeetingDetails__darkOrange__IGsRg h6,.MeetingDetails__snow__QkD7m h6,.MeetingDetails__stone__UfpcM h6,.MeetingDetails__info__vu0lC h6{color:var(--darkColor)}.MeetingDetails__lightCyan__S4Mto p,.MeetingDetails__lightRed__doH1K p,.MeetingDetails__lightBlue__0kiJz p,.MeetingDetails__lightGreen__RB-ht p,.MeetingDetails__lightOrange__cF0hH p,.MeetingDetails__darkCyan__7vFQo p,.MeetingDetails__darkRed__R1sPE p,.MeetingDetails__darkBlue__MSseG p,.MeetingDetails__darkGreen__WPa90 p,.MeetingDetails__darkOrange__IGsRg p,.MeetingDetails__snow__QkD7m p,.MeetingDetails__stone__UfpcM p,.MeetingDetails__info__vu0lC p{color:var(--darkestColor)}div[data-radix-popper-content-wrapper] .MeetingDetails__lightCyan__S4Mto,div[data-radix-popper-content-wrapper] .MeetingDetails__lightRed__doH1K,div[data-radix-popper-content-wrapper] .MeetingDetails__lightBlue__0kiJz,div[data-radix-popper-content-wrapper] .MeetingDetails__lightGreen__RB-ht,div[data-radix-popper-content-wrapper] .MeetingDetails__lightOrange__cF0hH,div[data-radix-popper-content-wrapper] .MeetingDetails__darkCyan__7vFQo,div[data-radix-popper-content-wrapper] .MeetingDetails__darkRed__R1sPE,div[data-radix-popper-content-wrapper] .MeetingDetails__darkBlue__MSseG,div[data-radix-popper-content-wrapper] .MeetingDetails__darkGreen__WPa90,div[data-radix-popper-content-wrapper] .MeetingDetails__darkOrange__IGsRg,div[data-radix-popper-content-wrapper] .MeetingDetails__snow__QkD7m,div[data-radix-popper-content-wrapper] .MeetingDetails__stone__UfpcM,div[data-radix-popper-content-wrapper] .MeetingDetails__info__vu0lC{background:var(--darkestColor);color:#fff}div[data-radix-popper-content-wrapper] .MeetingDetails__lightCyan__S4Mto svg,div[data-radix-popper-content-wrapper] .MeetingDetails__lightRed__doH1K svg,div[data-radix-popper-content-wrapper] .MeetingDetails__lightBlue__0kiJz svg,div[data-radix-popper-content-wrapper] .MeetingDetails__lightGreen__RB-ht svg,div[data-radix-popper-content-wrapper] .MeetingDetails__lightOrange__cF0hH svg,div[data-radix-popper-content-wrapper] .MeetingDetails__darkCyan__7vFQo svg,div[data-radix-popper-content-wrapper] .MeetingDetails__darkRed__R1sPE svg,div[data-radix-popper-content-wrapper] .MeetingDetails__darkBlue__MSseG svg,div[data-radix-popper-content-wrapper] .MeetingDetails__darkGreen__WPa90 svg,div[data-radix-popper-content-wrapper] .MeetingDetails__darkOrange__IGsRg svg,div[data-radix-popper-content-wrapper] .MeetingDetails__snow__QkD7m svg,div[data-radix-popper-content-wrapper] .MeetingDetails__stone__UfpcM svg,div[data-radix-popper-content-wrapper] .MeetingDetails__info__vu0lC svg{background:none;fill:var(--darkestColor)}.MeetingDetails__icon__y31cF{color:#1c2234}.MeetingDetails__defaultTheme__BOzEC{border-color:transparent;background:none;color:#4d556c}.MeetingDetails__defaultTheme__BOzEC.MeetingDetails__textOnly__-psLs,.MeetingDetails__defaultTheme__BOzEC.MeetingDetails__textOnly__-psLs small{color:#9ca5d9}.MeetingDetails__action__GcBHC,.MeetingDetails__blue__0ALMh{--textColor:#f0f3ff;--lightestColor:#82aaf9;--lightColor:#5a8ef7;--defaultColor:#3172f5;--darkColor:#275bc4;--darkestColor:#1d4492;--transparentColor:rgba(29,68,146,0.15)}.MeetingDetails__cyan__q53Oy{--lightestColor:#66c8ec;--lightColor:#33b5e6;--defaultColor:#00a3e0;--darkColor:#0082b3;--darkestColor:#006286;--transparentColor:rgba(0,98,134,0.15)}.MeetingDetails__green__PiZyp{--lightestColor:#b9ddae;--lightColor:#72bc5d;--defaultColor:#4fab34;--darkColor:#44932d;--darkestColor:#387a25;--transparentColor:rgba(56,122,37,0.15)}.MeetingDetails__orange__1WZG\+{--lightestColor:#face87;--lightColor:#f7b64b;--defaultColor:#f5a623;--darkColor:#d6901c;--darkestColor:#b77a14;--transparentColor:rgba(183,122,20,0.15)}.MeetingDetails__yellow__IlAkB{--lightestColor:#ffe766;--lightColor:#ffdf33;--defaultColor:#ffd700;--darkColor:#dfbc00;--darkestColor:#bfa100;--transparentColor:rgba(191,161,0,0.15)}.MeetingDetails__danger__McpaO,.MeetingDetails__alert__bZsWB{--lightestColor:#f1a1a1;--lightColor:#e86565;--defaultColor:#e34242;--darkColor:#ae2a2a;--darkestColor:#941e1e;--transparentColor:rgba(148,30,30,0.15)}.MeetingDetails__golden__oq5J9{background:-webkit-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-moz-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-o-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-ms-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:linear-gradient(-45deg, #f5dd4e, #eaf639, #f8e71c);color:#3c425a}.MeetingDetails__lightCyan__S4Mto,.MeetingDetails__darkCyan__7vFQo{--lightestColor:#e7f8ff;--lightColor:#aae3f9;--defaultColor:#66c8ec;--darkColor:#00a3e0;--darkestColor:#006286;--transparentColor:rgba(0,98,134,0.15)}.MeetingDetails__lightRed__doH1K,.MeetingDetails__darkRed__R1sPE{--lightestColor:#fdf3f3;--lightColor:#f8d0d0;--defaultColor:#f1a1a1;--darkColor:#e34242;--darkestColor:#ae2a2a;--transparentColor:rgba(174,42,42,0.15)}.MeetingDetails__lightBlue__0kiJz,.MeetingDetails__darkBlue__MSseG{--lightestColor:#f0f3ff;--lightColor:#dfe9fd;--defaultColor:#82aaf9;--darkColor:#3172f5;--darkestColor:#1d4492;--transparentColor:rgba(29,68,146,0.15)}.MeetingDetails__lightGreen__RB-ht,.MeetingDetails__darkGreen__WPa90{--lightestColor:#ecf8e8;--lightColor:#d6ebd0;--defaultColor:#b9ddae;--darkColor:#4fab34;--darkestColor:#387a25;--transparentColor:rgba(56,122,37,0.15)}.MeetingDetails__lightOrange__cF0hH,.MeetingDetails__darkOrange__IGsRg{--lightestColor:#fef7eb;--lightColor:#fce7c3;--defaultColor:#face87;--darkColor:#d6901c;--darkestColor:#b77a14;--transparentColor:rgba(183,122,20,0.15)}.MeetingDetails__darkCyan__7vFQo{--defaultColor:#006286}.MeetingDetails__darkRed__R1sPE{--defaultColor:#ae2a2a}.MeetingDetails__darkBlue__MSseG{--defaultColor:#1d4492}.MeetingDetails__darkGreen__WPa90{--defaultColor:#387a25}.MeetingDetails__darkOrange__IGsRg{--defaultColor:#b77a14}.MeetingDetails__oxford__le3ix{--lightestColor:#9ca5d9;--lightColor:#6a78c6;--defaultColor:#495ab9;--darkColor:#6a78c6;--darkestColor:#404fa2;--transparentColor:rgba(64,79,162,0.15)}.MeetingDetails__coral__7rzA8{--lightestColor:#fbb5b5;--lightColor:#f99d9d;--defaultColor:#f88484;--darkColor:#f99d9d;--darkestColor:#e46565;--transparentColor:rgba(228,101,101,0.15)}.MeetingDetails__merlot__9THdi{--lightestColor:#d0a0ae;--lightColor:#c08093;--defaultColor:#b06078;--darkColor:#c08093;--darkestColor:#9c546a;--transparentColor:rgba(156,84,106,0.15)}.MeetingDetails__snow__QkD7m,.MeetingDetails__info__vu0lC{--lightestColor:#f5f6f7;--lightColor:#edeff1;--defaultColor:#8c95a5;--darkColor:#3c425a;--darkestColor:#1c2234;--transparentColor:rgba(28,34,52,0.15)}.MeetingDetails__satin__jEpIx{--defaultColor:#8c95a5;--darkColor:#3c425a;--darkestColor:#1c2234;--transparentColor:rgba(28,34,52,0.15);border:1px solid #6a7185;background:#edeff1;color:#1c2234}.MeetingDetails__satin__jEpIx i{color:#4d556c}.MeetingDetails__stone__UfpcM{--lightestColor:#afbac6;--lightColor:#8c95a5;--defaultColor:#6a7185;--darkColor:#4d556c;--darkestColor:#3c425a;--transparentColor:rgba(60,66,90,0.15)}.MeetingDetails__stone__UfpcM i{color:#fff}.MeetingDetails__gray__REcvf{background:rgba(255,255,255,0.4);color:#3172f5}.MeetingDetails__darkGray__-tMsP{background:#f4f6fd;color:#4d556c}.MeetingDetails__darkGray__-tMsP .MeetingDetails__icon__y31cF{color:#4d556c}@media (hover:hover){.MeetingDetails__darkGray__-tMsP:hover.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs){background:#bbc4cf}.MeetingDetails__darkGray__-tMsP:active.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs){background:#b7c1cc;color:#fff}}.MeetingDetails__midnight__cobAm{--lightestColor:#afbac6;--lightColor:#8c95a5;--defaultColor:#1c2234;--darkColor:#8c95a5;--darkestColor:#4d556c;--transparentColor:rgba(77,85,108,0.15)}.MeetingDetails__white__DTwOF{background:#fff;color:#3172f5}.MeetingDetails__darkTransparent__3jK5D{border:1px solid transparent;background:rgba(0,0,0,0.7);color:#edeff1}.MeetingDetails__darkTransparent__3jK5D i{color:#4d556c}@media (hover:hover){.MeetingDetails__darkTransparent__3jK5D:hover.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs){background:rgba(0,0,0,0.8)}.MeetingDetails__darkTransparent__3jK5D:active.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs){background:#122958}.MeetingDetails__darkTransparent__3jK5D:active.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs),.MeetingDetails__darkTransparent__3jK5D:active.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs) i{color:#fff}}.MeetingDetails__card__q5EwP{border:solid 1px #ced5df;background:#fff;color:#4d556c}.MeetingDetails__card__q5EwP h1,.MeetingDetails__card__q5EwP h2,.MeetingDetails__card__q5EwP h3,.MeetingDetails__card__q5EwP h4,.MeetingDetails__card__q5EwP h5,.MeetingDetails__card__q5EwP h6{color:#1c2234}.MeetingDetails__creditCard__gIR1y{--lightestColor:#66c8ec;--lightColor:#ffe766;--defaultColor:#0b0014;--darkColor:#006286;--darkestColor:#00415a}.MeetingDetails__creditCard__gIR1y h1,.MeetingDetails__creditCard__gIR1y h2,.MeetingDetails__creditCard__gIR1y h3,.MeetingDetails__creditCard__gIR1y h4,.MeetingDetails__creditCard__gIR1y h5,.MeetingDetails__creditCard__gIR1y h6{color:var(--lightColor)}.MeetingDetails__info__vu0lC{border:solid 1px #ced5df;border-radius:2px;background:#f5f6f7}.MeetingDetails__goal__h-98n{border:1px solid #44932d;background:#ecf8e8;color:#1c2234}.MeetingDetails__goal__h-98n.MeetingDetails__textOnly__-psLs{color:#44932d}.MeetingDetails__goal__h-98n[role='progressbar']{background:#b9ddae}.MeetingDetails__goal__h-98n i{color:#44932d}@media (hover:hover){.MeetingDetails__goal__h-98n:hover.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs){background:#aae09a}.MeetingDetails__goal__h-98n:active.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs){background:#45962d;color:#fff}.MeetingDetails__goal__h-98n:active.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs) i{color:#fff}}.MeetingDetails__event__bYNtt{border:1px solid #6a7185;background:#edeff1;color:#1c2234}.MeetingDetails__event__bYNtt i{color:#6a7185}@media (hover:hover){.MeetingDetails__event__bYNtt:hover.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs){background:#ced5df}.MeetingDetails__event__bYNtt:active.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs){background:#6a7185}.MeetingDetails__event__bYNtt:active.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs),.MeetingDetails__event__bYNtt:active.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs) i{color:#fff}}.MeetingDetails__advisorTopicSelected__\+c8GX{border:1px solid #ffd700;background:#2c325e;color:#fff}.MeetingDetails__advisorTopicSelected__\+c8GX i{color:#ffd700}.MeetingDetails__advisorTopic__uvcIg{border:1px solid transparent;background:#ebedf7;color:#1c2234;-webkit-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54)}.MeetingDetails__advisorTopic__uvcIg i{color:#404fa2}@media (hover:hover){.MeetingDetails__advisorTopic__uvcIg:hover.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs){background:#404fa2;color:#fff}.MeetingDetails__advisorTopic__uvcIg:hover.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs) i{color:#ffd700}.MeetingDetails__advisorTopic__uvcIg:active.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs){border:1px solid #ffd700;background:#2c325e;color:#fff}.MeetingDetails__advisorTopic__uvcIg:active.MeetingDetails__clickable__hnukM:not(.MeetingDetails__textOnly__-psLs) i{color:#ffd700}}.MeetingDetails__premium__qYMqC:not(.MeetingDetails__textOnly__-psLs){background:#495ab9}.MeetingDetails__premium__qYMqC.MeetingDetails__textOnly__-psLs{color:#ffd700}.MeetingDetails__solid__4UOkC{content:''}.MeetingDetails__outlined__GKUfg{border:1px solid currentColor}.MeetingDetails__insight__PZfs\+{border-left:8px solid currentColor}.MeetingDetails__notification__RpOKr{border-bottom:1px solid currentColor}.MeetingDetails__hollow__PAaJZ p,.MeetingDetails__insight__PZfs\+ p,.MeetingDetails__textOnly__-psLs p{color:#4d556c}.MeetingDetails__hollow__PAaJZ{border:1px solid currentColor;background:none}.MeetingDetails__textOnly__-psLs,.MeetingDetails__textOnlyBig__Lsr2C{border-color:transparent;background:none}.MeetingDetails__clickable__hnukM{will-change:color,background,box-shadow,border,transform;-webkit-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -webkit-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-moz-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -moz-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-o-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -o-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-ms-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -ms-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06)}.MeetingDetails__key__jodXj{font-weight:600;font-size:14px}.MeetingDetails__meetingPreview__I4fEM{color:#1c2234;font-size:16px;height:100%;margin-bottom:8px}.MeetingDetails__meetingPreview__I4fEM textarea{width:calc(100% - 7px);min-height:48px;margin-top:8px;margin-bottom:12px;border-color:#ced5df;background:#edeff1;border-radius:4px}.MeetingDetails__meetingPreview__I4fEM hr{margin:12px 0;border:1px solid #f5f6f7}.MeetingDetails__meetingPreview__I4fEM > dl > div{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:right;margin:20px 0}.MeetingDetails__meetingPreview__I4fEM > dl > div.MeetingDetails__vertical__3JuJA{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.MeetingDetails__meetingPreview__I4fEM > dl > div.MeetingDetails__vertical__3JuJA > dd{width:100%}.MeetingDetails__note__A1Yn-{margin-top:6px;color:#4d556c;font-size:14px;text-align:left;line-height:1.4}.MeetingDetails__status__cnJ2m{padding:4px 8px;background:#edeff1;font-size:12px;font-weight:600;border-radius:5px;text-transform:uppercase;color:#6a7185;width:fit-content}.MeetingDetails__scheduled__R1wFE{background:#eff9ec;color:#45962d}.MeetingDetails__completed__F2Lli{content:''}.MeetingDetails__declined__n5Nyu{content:''}.MeetingDetails__cancelled__lXdmI{background:#f3caca;color:#a61919}.MeetingDetails__missed__KDR00{background:#fef7ea;color:#bc7a0b}.MeetingDetails__advisorWrapper__OZckm{background:#f4f6fd;border:1px solid #ced5df;padding:12px 16px;border-radius:4px;margin-top:8px;margin-bottom:20px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.StarsPicker__starsPicker__t4WSx{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin:4px 0}.StarsPicker__disabled__Bb8\+J{content:''}.StarsPicker__item__pgKdO{width:40px;height:40px;margin-right:8px;color:#edeff1;-webkit-transition:-webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:-moz-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:-o-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:-ms-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.StarsPicker__item__pgKdO:not(.StarsPicker__disabled__Bb8\+J){cursor:pointer}.StarsPicker__item__pgKdO.StarsPicker__active__5JytV{color:#ffd700;-webkit-transition:color 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:color 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:color 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:color 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:color 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54)}.StarsPicker__item__pgKdO:active:not(.StarsPicker__disabled__Bb8\+J){color:#d9b700;-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.StarsPicker__item__pgKdO.StarsPicker__small__nr5qo{width:24px;height:24px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorRequestConfirmed__advisorRequestConfirmed__95mg1{content:''}.AdvisorRequestConfirmed__avatar__2kWs2{width:64px;height:64px;margin:0 auto 16px}.AdvisorRequestConfirmed__cardContent__YmuuU{text-align:center;line-height:24px;padding:24px}.AdvisorRequestConfirmed__cardContent__YmuuU sub{color:#4d556c;margin-bottom:24px;display:block}.AdvisorRequestConfirmed__card__Bz1DK{margin-top:36px;margin-bottom:48px}.AdvisorRequestConfirmed__setupAccountLink__DjkGG{margin-bottom:48px;text-align:center}.AdvisorRequestConfirmed__setupAccountLink__DjkGG a{color:#36448c}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.OnboardingForm__textCenter__qBex6 {
  text-align: center;
}

.OnboardingForm__onboardingFormWrapper__fdxPl {
  width: 100%;
  margin-top: 2rem;
}

.OnboardingForm__onboardingForm__kXlsJ {
  width: 100%;
}

.OnboardingForm__onboardingForm__kXlsJ .OnboardingForm__cardLayout__Lh-zE {
  display: block;
  position: relative;
  padding: 24px 16px 48px;
  width: 100%;
  box-sizing: border-box;
  max-width: unset;
  margin: 0 auto 32px;
}

.OnboardingForm__onboardingForm__kXlsJ .OnboardingForm__cardLayout__Lh-zE::before {
    display: none;
  }

@media (min-width: 768px) {

.OnboardingForm__onboardingForm__kXlsJ .OnboardingForm__cardLayout__Lh-zE {
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
}
  }

.OnboardingForm__controlList__kbVQe {
  border: 0;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.OnboardingForm__controlListItem__7I3hS {
  position: relative;
}

.OnboardingForm__controlListItem__7I3hS::before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
    }

.OnboardingForm__controlListItem__7I3hS::before {
    content: none;
  }

.OnboardingForm__submitListItem__cd2mI {
  margin-top: 2rem;
}

.OnboardingForm__rowButtonListItem__OCRIg {
  margin-top: 1.4rem;
}

.OnboardingForm__buttonContainer__X6vHR {
  margin-top: 2rem;
}

.OnboardingForm__buttonContainer__X6vHR:first-child {
    margin-top: 0;
  }

.OnboardingForm__innerHeader__aI55v {
  display: flex;
  justify-content: space-between;
  color: var(--body-text-color);
  font-size: .75rem;
}

.OnboardingForm__termsInvitation__dXLlr {
  padding-top: 1.5rem;
  color: var(--smoke);
  font-size: .75rem;
  line-height: 1.67;
  text-align: center;
}

@media (min-width: 768px) {

.OnboardingForm__termsInvitation__dXLlr {
    font-size: .8125rem;
    line-height: 1.54;
}
  }

@media (min-width: 1024px) {

.OnboardingForm__termsInvitation__dXLlr {
    font-size: .875rem;
    line-height: 1.43;
}
  }

.OnboardingForm__loginInvitation__kuVCx {
  padding-top: 2rem;
  color: var(--smoke);
  font-size: 1rem;
  line-height: 1.25;
  text-align: center;
}

.OnboardingForm__link__UqkNZ {
  font-size: inherit;
}

.OnboardingForm__spinnerWrapper__D0him {
  margin-top: 3.4rem;
}

.OnboardingForm__listArrayItem__YkKo6 {
  padding-top: 1rem;
}

.OnboardingForm__listArrayItem__YkKo6:first-child {
    padding-top: 0;
  }

.OnboardingForm__policyLabelLinks__IX0kI {
  display: inline-block;
  white-space: nowrap;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.PasswordField__messageWrapper__TNAgz {
  color: var(--smoke);
}

.PasswordField__red__F9FkV {
  color: var(--danger);
}

.PasswordField__yellow__3r9-b {
  color: var(--warning);
}

.PasswordField__green__Qmcmo {
  color: var(--success);
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.grecaptcha-badge {
    z-index: 1;
  }

@media (max-width: 767px) {

.grecaptcha-badge {
      bottom: var(--common-footer-height) !important;
  }
    }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.CardLayout__cardLayout__\+1HNP {
  position: relative;
  width: 100%;
  max-width: 27rem;
  box-sizing: border-box;
  padding: 2rem 1rem;
  background-color: var(--salt);
  display: flex;
  flex-direction: column;
  align-items: center;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.CardLayout__cardLayout__\+1HNP::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 1px var(--satin);
    pointer-events: none;
  }

.CardLayout__cardLayout__\+1HNP,
  .CardLayout__cardLayout__\+1HNP::before {
    border-radius: 6px;
  }

@media (min-width: 768px) {

.CardLayout__cardLayout__\+1HNP {
    width: 27rem;
    max-width: none;
    padding: 2rem;
}
  }

.CardLayout__title__oPJi1 {
  color: var(--heading-text-color);
  font-family: var(--serif);
  font-size: 1.625rem;
  font-weight: var(--medium);
  letter-spacing: -.6px;
  text-align: center;
}

@media (min-width: 768px) {

.CardLayout__title__oPJi1 {
    font-size: 2.25rem;
}
  }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorRequestSignup__content__AJaio{padding-bottom:32px}.AdvisorRequestSignup__termsInvitation__4r0Sj{margin-top:24px;margin-bottom:24px;color:#8c95a5;font-size:.75rem;line-height:1.67;text-align:center}@media screen and (min-width: 768px){.AdvisorRequestSignup__termsInvitation__4r0Sj{font-size:.8125rem;line-height:1.54}}@media screen and (min-width: 1024px){.AdvisorRequestSignup__termsInvitation__4r0Sj{font-size:.875rem;line-height:1.43}}.AdvisorRequestSignup__link__2J8sE{font-size:inherit}.AdvisorRequestSignup__submitButton__TXKZr{margin-top:48px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorDetailsPane__advisorDetailsPane__cDSQe{content:''}.AdvisorDetailsPane__review__XusBt{content:''}.AdvisorDetailsPane__stars__T8\+lx{width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.AdvisorDetailsPane__stars__T8\+lx > li{width:16px;height:16px;margin-right:8px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ShareButton__shareButton__DCHs4{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:28px;max-width:112px;padding:0 6px;border-radius:3px;box-shadow:1px 2px 3px 0 rgba(0,0,0,0.25);-webkit-transition:background-color 250ms;-moz-transition:background-color 250ms;-o-transition:background-color 250ms;-ms-transition:background-color 250ms;transition:background-color 250ms}.ShareButton__overflowerWrapper__Ove-Q{height:28px}.ShareButton__longOption__2DyR7{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:space-evenly;-moz-box-pack:space-evenly;-o-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;min-width:60px;height:28px}.ShareButton__edge__mByzi .ShareButton__longOption__2DyR7{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.ShareButton__icon__nDfnx{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:16px;height:16px;margin-top:-1px;background-position:center;background-size:contain;background-repeat:no-repeat}.ShareButton__twitter__WSn7J .ShareButton__icon__nDfnx{width:20px;height:20px}.ShareButton__text__679Bj{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;line-height:28px;letter-spacing:.2px;text-transform:uppercase}* + .ShareButton__text__679Bj{padding-left:.5rem}.ShareButton__edge__mByzi * + .ShareButton__text__679Bj{padding-left:0}.ShareButton__text__679Bj:only-child{display:block;text-align:center}.ShareButton__facebook__bK9RO{background-color:#4267b2;color:#fff}.ShareButton__facebook__bK9RO:hover{color:#fff;background-color:#365899}.ShareButton__twitter__WSn7J{background-color:#1da1f2;color:#fff}.ShareButton__twitter__WSn7J:hover{color:#fff;background-color:#1896e4}.ShareButton__email__rKUXp{background-color:#57bd39;color:#fff}.ShareButton__email__rKUXp:hover{color:#fff;background-color:#53b436}.ShareButton__native__YisNI{background-color:#f4f6fd;color:#3172f5}.ShareButton__native__YisNI:hover{color:#3172f5;background-color:#eceffb}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Overflower__overflower__Eaq48{display:inline-block;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:inherit;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.Overflower__overflowerLong__r9f9o{display:inline}.Overflower__overflowerShort__FCMOr{display:none}@supports (flex-wrap:wrap){.Overflower__overflower__Eaq48{display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.Overflower__overflowerShort__FCMOr{display:block;overflow:hidden;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;width:0;-o-text-overflow:ellipsis;text-overflow:ellipsis}.Overflower__overflowerLong__r9f9o{-webkit-flex-basis:100%;flex-basis:100%}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.InviteFriends__referralInfo__fdosl{font-family:"sans", "Arial", sans-serif;font-size:ans-family;color:#4d556c}.InviteFriends__referralInfo__fdosl.InviteFriends__isStatusApp__ndI71 .InviteFriends__facebook__itN\+8,.InviteFriends__referralInfo__fdosl.InviteFriends__isStatusApp__ndI71 .InviteFriends__twitter__5MwJH,.InviteFriends__referralInfo__fdosl.InviteFriends__isStatusApp__ndI71 .InviteFriends__email__U2viy{display:none}.InviteFriends__text__EJoNq{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;line-height:1.5;margin:24px auto;text-align:left}.InviteFriends__linkWrapper__qllaI{margin-top:24px}.InviteFriends__sectionLabel__lFAKh{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;line-height:1.5;margin-bottom:10px}.InviteFriends__moreWaysLabel__r1PeZ{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:14px;line-height:1.5;margin-bottom:8px}.InviteFriends__inputButtonWrapper__bcXjC{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;width:100%;height:32px;margin-top:12px}.InviteFriends__inputWrapper__hQuJ4,.InviteFriends__copyButtonWrapper__3q\+W2{height:100%}.InviteFriends__inputWrapper__hQuJ4{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:6.5px 16px;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3;border:solid 1px #ced5df;letter-spacing:-.18px;color:#ced5df;background-color:#f5f6f7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.InviteFriends__inputWrapper__hQuJ4:before{content:'';display:inline-block;position:absolute;top:3px;bottom:3px;right:3px;width:20px}.InviteFriends__copied__fKXY8{content:''}.InviteFriends__copyButton__sdlDq{padding-top:0;padding-bottom:0;margin:0;height:32px;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:0 4px 4px 0;border:1px solid #cbcbcb;border-left:0;color:#3172f5;background-color:#f4f6fd;-webkit-transition:color 250ms, background-color 250ms;-moz-transition:color 250ms, background-color 250ms;-o-transition:color 250ms, background-color 250ms;-ms-transition:color 250ms, background-color 250ms;transition:color 250ms, background-color 250ms;width:121px}.InviteFriends__copyButton__sdlDq:not(:disabled):active{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.InviteFriends__copyButton__sdlDq.InviteFriends__copied__fKXY8{background-color:#3172f5;color:#fff}.InviteFriends__copyButtonText__ia0m1{display:inline-block;-webkit-transition:-webkit-transform 150ms;-moz-transition:-moz-transform 150ms;-o-transition:-o-transform 150ms;-ms-transition:-ms-transform 150ms;transition:transform 150ms}.InviteFriends__copyButtonText__ia0m1:first-child{position:absolute;top:0;left:0;width:100%;height:100%;line-height:30px}.InviteFriends__copyButton__sdlDq.InviteFriends__copied__fKXY8 .InviteFriends__copyButtonText__ia0m1:first-child{display:none}.InviteFriends__copyButtonText__ia0m1:last-child{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.InviteFriends__copyButton__sdlDq.InviteFriends__copied__fKXY8 .InviteFriends__copyButtonText__ia0m1:last-child{opacity:1;-ms-filter:none;filter:none}.InviteFriends__copyButton__sdlDq:active .InviteFriends__copyButtonText__ia0m1{-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.InviteFriends__notAvailable__vVkpm{content:''}.InviteFriends__input__sjmkB{width:100%;border:none;padding:0;outline:none;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:12px;line-height:1.36;color:#4d556c;background-color:#f4f6fd}.InviteFriends__input__sjmkB.InviteFriends__notAvailable__vVkpm{color:#afbac6}.InviteFriends__socialsWrapper__GpBln{margin-top:32px}.InviteFriends__socials__dttfq{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%}.InviteFriends__socialItem__nRHKk{margin-left:12px;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0}.InviteFriends__socialItem__nRHKk:first-child{margin-left:0}.InviteFriends__referralInfo__fdosl:not(.InviteFriends__isStatusApp__ndI71) .InviteFriends__native__0Y5Fu{display:none}.InviteFriends__referralInfo__fdosl:not(.InviteFriends__isStatusApp__ndI71) .InviteFriends__socials__dttfq{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.InviteFriendsPane__bodyContainer__eNAHx{padding-bottom:0 16px 16px;background-color:#fff;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.InviteFriendsPane__content__mLke2{padding:32px 12px}@media screen and (min-width: 768px){.InviteFriendsPane__content__mLke2{padding:24px 16px}}.InviteFriendsPane__imageWrapper__7bi4q{width:271px;height:169px;margin:0 auto}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoRewardsPaneSumPicker__label__By0B5{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:normal;text-align:left;color:#4d556c}.CryptoRewardsPaneSumPicker__inputWrapper__eSYX-{position:relative;width:227px;text-align:left;border-radius:5px;border:solid 1px transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.CryptoRewardsPaneSumPicker__inputWrapper__eSYX- input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:40px;line-height:.45;color:#3c425a;padding:16px;padding-bottom:14px}.CryptoRewardsPaneSumPicker__inputWrapper__eSYX- input + div{bottom:10px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoRewardsPaneLinkButton__linkButton__lOIZU{border:none;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:12px;line-height:2;color:#3172f5;padding:0;text-decoration:none;text-transform:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoRewardsOrderSuccessResultWarning__overview__j1DRu{display:block;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:20px;line-height:1.4;color:#2c325e}.CryptoRewardsOrderSuccessResultWarning__overview__j1DRu .CryptoRewardsOrderSuccessResultWarning__bold__vtLsD{font-weight:600}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoCurrencyLogo__image__ZzTUp{max-width:100%;max-height:100%;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoRewardsSuccessInvestmentImagePreset__successIconWrapper__A\+IiK{position:relative;width:205px;height:167px;margin:24px auto}.CryptoRewardsSuccessInvestmentImagePreset__currencyLogoWrapper__voTVI{position:absolute;top:0;left:calc(50% - 6px);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:99px;height:99px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoRewardsBuySuccessStep__notice__A27zt{display:block;margin:24px auto;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:-.14px;text-align:center;color:#6a78c6}.CryptoRewardsBuySuccessStep__successIconWrapper__9fIWF{position:relative;width:205px;height:167px;margin:24px auto}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.Paginator__textCenter__Y3u3V {
  text-align: center;
}

:root {
  --cell-border: 1px solid var(--satin);
  --paginator-border: 1px solid var(--satin);
}

.Paginator__paginator__XilK2 {
  display: inline-flex;
  height: var(--paginator-size);
  max-width: inherit;
  border-top: var(--paginator-border);
  border-bottom: var(--paginator-border);
  background-color: var(--salt);
}

@media (min-width: 768px) {

.Paginator__paginator__XilK2 {
    border: var(--paginator-border);
    border-radius: 4px;
    max-width: 464px;
}
  }

.Paginator__stretching__gMXD8 {
  display: flex;
}

.Paginator__cell__zHvgs {

  width: var(--paginator-size);
  height: var(--paginator-size);
}

.Paginator__cell__zHvgs::before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
    }

.Paginator__arrowInner__Deamv {
  content: '';
  position: absolute;
  width: 2.1rem;
  height: 2.1rem;
  border-bottom: 1px solid var(--action);
  border-left: 1px solid var(--action);
  transform: rotate(45deg);
}

.Paginator__arrow__\+KJw7 {

}

.Paginator__disabled__vbO1a {
  color: var(--silver);
}

.Paginator__pages__sUFhc {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;

  max-width: calc(100% - var(--paginator-size) * 4);
  overflow: hidden;

  height: 100%;
  align-items: center;
  color: var(--storm);
}

.Paginator__pages__sUFhc > :not(.Paginator__ellipsis__Dq37C):not(.Paginator__current__d2tEd):hover {
    color: var(--action);
    cursor: pointer;
  }

.Paginator__page__BdLrk {
  flex-shrink: 0;

  width: var(--paginator-cell-size);
  height: var(--paginator-cell-size);
  border-radius: 6px;
  font-size: 1.4rem;
  line-height: var(--paginator-cell-size);
  text-align: center;
}

.Paginator__page__BdLrk.Paginator__current__d2tEd {
    background-color: var(--action);
    color: var(--light-text-color);
  }

.Paginator__ellipsis__Dq37C {

}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.PaginatorArrow__paginatorArrow__JocD8 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: .7rem;
  padding: 0 1.5rem;
  transform: rotate(0);
  color: var(--action);
}

.PaginatorArrow__paginatorArrow__JocD8.PaginatorArrow__right__qxfXy {
    transform: rotate(180deg);
  }

.PaginatorArrow__paginatorArrow__JocD8.PaginatorArrow__right__qxfXy:active {
      transform: rotate(180deg) scale(.9);
    }

.PaginatorArrow__disabled__BgRL2 {
  color: var(--silver);
  cursor: default;
}

.PaginatorArrow__strokes__0clKm {
  position: absolute;
  top: 0;
  left: 43%;
  width: .7rem;
  height: .7rem;
  border-bottom: 2px solid;
  border-left: 2px solid;
  transform: rotate(45deg);
}

.PaginatorArrow__double__jR7Bs .PaginatorArrow__strokes__0clKm:first-child {
    left: calc(43% - 4px)
  }

.PaginatorArrow__double__jR7Bs .PaginatorArrow__strokes__0clKm:last-child {
    left: calc(43% + 4px)
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.PageSizeSelector__pageSizeSelector__wOPjO {
  display: flex;
  height: var(--paginator-size);
  justify-content: center;
  align-items: center;

  min-width: 224px;
}

.PageSizeSelector__label__nmdWk {
  margin-right: 16px;

  font-size: 1rem;
  line-height: var(--paginator-size);

  color: var(--stone);
}

.PageSizeSelector__options__4ywyk {
  font-size: 1.5rem;
  white-space: nowrap;

  display: flex;
  flex-grow: 1;
}

.PageSizeSelector__option__KjR\+I {
  height: var(--paginator-size);
  line-height: var(--paginator-size);
  border-right: 1px solid var(--silver);
  color: var(--smoke);
  text-align: center;
  cursor: pointer;

  flex-grow: 1;
}

.PageSizeSelector__option__KjR\+I:last-child {
    border-right: none;
  }

.PageSizeSelector__option__KjR\+I:hover {
    color: var(--action);
  }

.PageSizeSelector__option__KjR\+I.PageSizeSelector__current__hezqU {
    color: var(--action);
    cursor: default;
  }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoRewardsCurrencyPickerPreset__tableRow__QzRV1{border:none;border-bottom:1px solid #edeff1}.CryptoRewardsCurrencyPickerPreset__tableRow__QzRV1.CryptoRewardsCurrencyPickerPreset__tableRow__QzRV1.CryptoRewardsCurrencyPickerPreset__tableRow__QzRV1{border-radius:0}.CryptoRewardsCurrencyPickerPreset__tableCellIconColumn__zVIve{width:32px}.CryptoRewardsCurrencyPickerPreset__tableCellIconWrapper__Uv7YH{width:32px;height:32px}.CryptoRewardsCurrencyPickerPreset__currencySelectButtonColumn__r8mh-{width:70px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoRewardsCurrencyPickerWithMarketDetails__tableContainer__CkA28{margin-top:-16px}.CryptoRewardsCurrencyPickerWithMarketDetails__tableContainer__CkA28.CryptoRewardsCurrencyPickerWithMarketDetails__tableContainer__CkA28.CryptoRewardsCurrencyPickerWithMarketDetails__tableContainer__CkA28 table{box-shadow:none;border:none}.CryptoRewardsCurrencyPickerWithMarketDetails__tableContainer__CkA28.CryptoRewardsCurrencyPickerWithMarketDetails__tableContainer__CkA28.CryptoRewardsCurrencyPickerWithMarketDetails__tableContainer__CkA28 table td{border:none}.CryptoRewardsCurrencyPickerWithMarketDetails__currencyDescriptionWrapper__ORbII{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:stretch;-moz-box-pack:stretch;-o-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;margin:auto 16px;cursor:pointer}.CryptoRewardsCurrencyPickerWithMarketDetails__currencyDescriptionFirstRow__08Ze3{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:18px;line-height:1.33;letter-spacing:-.2px;color:#4d556c}.CryptoRewardsCurrencyPickerWithMarketDetails__currencyName__NiL98{text-align:left;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin-right:8px}.CryptoRewardsCurrencyPickerWithMarketDetails__currencyDescriptionSecondRow__1937r{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.CryptoRewardsCurrencyPickerWithMarketDetails__currencyMarketCap__iv\+RA{font-weight:400;text-align:right;white-space:nowrap}.CryptoRewardsCurrencyPickerWithMarketDetails__currencyChangePercent__vN4tS{content:''}.CryptoRewardsCurrencyPickerWithMarketDetails__currencyChangePercent__vN4tS.CryptoRewardsCurrencyPickerWithMarketDetails__rise__uKcB7{color:#4fab34}.CryptoRewardsCurrencyPickerWithMarketDetails__currencyChangePercent__vN4tS.CryptoRewardsCurrencyPickerWithMarketDetails__fall__\+89Nr{color:#e34242}.CryptoRewardsCurrencyPickerWithMarketDetails__button__0-GkG{width:100%;min-width:70px;position:relative}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SelCryptoRow__row__vhtz\+{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:16px}.SelCryptoRow__row__vhtz\+:first-of-type{margin-top:16px}.SelCryptoRow__icon__LI8KT{-webkit-flex-shrink:0;flex-shrink:0;width:32px;height:32px;margin-right:16px}.SelCryptoRow__description__Kbft6{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:20px;line-height:1.2;letter-spacing:-.2px;color:#4d556c;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.SelCryptoRow__action__fjakr{-webkit-flex-shrink:0;flex-shrink:0;margin-left:16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoRewardsSellModeSellAmountStep__sumPicker__lTvEj{margin-bottom:27px}.CryptoRewardsSellModeSellAmountStep__buttonPickCrypto__cxxIM{display:inline-block;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:12px;line-height:2;text-align:left;color:#3172f5;text-transform:unset;padding:0;margin:0 0 29px}.CryptoRewardsSellModeSellAmountStep__autoInvestCheckbox__K7oib{margin:27px 0 27px}.CryptoRewardsSellModeSellAmountStep__autoInvestCheckboxLabel__hedml{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#4d556c}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoRewardsSellPreviewOrderStep__list__PfhqP{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;margin-top:16px}.CryptoRewardsSellPreviewOrderStep__listRow__bL5pQ{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;color:#4d556c;text-align:left;position:relative}.CryptoRewardsSellPreviewOrderStep__listRow__bL5pQ:nth-child(1){z-index:10}.CryptoRewardsSellPreviewOrderStep__listRow__bL5pQ:nth-child(2){z-index:9}.CryptoRewardsSellPreviewOrderStep__listRow__bL5pQ:nth-child(3){z-index:8}.CryptoRewardsSellPreviewOrderStep__listRow__bL5pQ:nth-child(4){z-index:7}.CryptoRewardsSellPreviewOrderStep__listRow__bL5pQ:nth-child(5){z-index:6}.CryptoRewardsSellPreviewOrderStep__listRow__bL5pQ:not(:last-child){border-bottom:1px solid #ced5df;padding-bottom:15px;margin-bottom:21px}.CryptoRewardsSellPreviewOrderStep__fieldLabel__CMm1h{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;line-height:1.17;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.CryptoRewardsSellPreviewOrderStep__fieldValue__\+P69r{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;line-height:1.4}.CryptoRewardsSellPreviewOrderStep__helpIcon__zpodU{position:relative;padding-left:4px;height:12px;vertical-align:middle}.CryptoRewardsSellPreviewOrderStep__sellOrderNotice__lk-f-{color:#8392a7}.CryptoRewardsSellPreviewOrderStep__iconButton__ydVZ-{display:inline-block;width:12px;color:#4d556c}.CryptoRewardsSellPreviewOrderStep__tooltipWrapper__Snw8Z{display:inline-block;position:absolute;width:13px;height:13px;top:50%;-webkit-transform:translateY(-20%);-moz-transform:translateY(-20%);-o-transform:translateY(-20%);-ms-transform:translateY(-20%);transform:translateY(-20%);margin:-6px 0 0 6px}.CryptoRewardsSellPreviewOrderStep__tooltipWrapper__Snw8Z:first-child{margin-left:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoRewardsLoadingStateLabel__label__1GW2W{margin-top:5px;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;line-height:2;color:#8392a7}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoRewardsSellSuccessStep__notice__N7r1I{display:block;margin:24px auto;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:-.14px;text-align:center;color:#6a78c6}.CryptoRewardsSellSuccessStep__successBannerWrapper__ECjEG{position:relative;width:205px;height:167px;margin:24px auto}.CryptoRewardsSellSuccessStep__currencyIconWrapper__y0S5u{position:absolute;top:calc(50% - 24%);left:calc(50% - 16%);-webkit-transform:translateX(-50%,-50%);-moz-transform:translateX(-50%,-50%);-o-transform:translateX(-50%,-50%);-ms-transform:translateX(-50%,-50%);transform:translateX(-50%,-50%);width:70px;height:calc(70px - 10px);overflow:hidden;border-radius:15%}.CryptoRewardsSellSuccessStep__currencyIcon__DFz6H{position:absolute;bottom:0;right:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoRewardsOrderDetailsField__container__XU-yK{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:20px;color:#4d556c}.CryptoRewardsOrderDetailsField__label__VfCy2{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;line-height:1.17}.CryptoRewardsOrderDetailsField__value__Es8JL{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;line-height:1.4}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoRewardsOrderType__label__CKy2x{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;line-height:1.4;color:#4d556c}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoRewardsOrderStatus__status__AW5Xp{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;line-height:1.4}.CryptoRewardsOrderStatus__completed__elaW4{color:#4fab34}.CryptoRewardsOrderStatus__pending__k89Dx{color:#f2a422}.CryptoRewardsOrderStatus__cancelled__NH29D{color:#f5a623}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoRewardsOrderDetails__estRewards__4RRpc{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.CryptoRewardsOrderDetails__tooltipWrapper__864uP{width:12px;height:12px;margin-left:4px;position:relative}.CryptoRewardsOrderDetails__tooltip__JoPsP{display:inline-block;width:12px;height:12px}.CryptoRewardsOrderDetails__delimiter__mk788{border:1px solid #ced5df;height:0;margin-bottom:21px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ProviderGroupItem__group__W4XWt{width:100%;background:#fff;padding:8px 12px;border-radius:4px;width:-webkit-fill-available;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px;box-shadow:1px 1px 2px 0 rgba(0,0,0,0.35);-webkit-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.ProviderGroupItem__group__W4XWt:hover{box-shadow:0 0 0 1px rgba(60,66,90,0.05),0 20px 20px rgba(60,66,90,0.12)}.ProviderGroupItem__header__v2T-F{font-size:14px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;margin-bottom:12px;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.ProviderGroupItem__label__Ynbym{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;color:#1c2234;-webkit-flex-shrink:0;flex-shrink:0;margin-right:8px}.ProviderGroupItem__logo__q4x-J{margin-right:auto;height:24px;width:auto}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FilterByAccountForm__selectAll__HIPsP{height:unset;width:unset;min-width:0;padding:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FilterByAccountPane__note__dMIOh{border-radius:5px;border:1px solid #ced5df;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:12px 16px;background-color:#f0f3ff;font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.5;color:#4d556c}.FilterByAccountPane__icon__W9iLu{width:36px;height:36px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-right:8px;-webkit-flex-shrink:0;flex-shrink:0}.FilterByAccountPane__text__FQHXZ{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.FilterByAccountPane__cancelButton__cLBkb{margin-top:auto}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Kebab__kebab__rg52P.Kebab__hamburgerMode__-Xphv .Kebab__item__hDrYs{background:#ced5df;width:28px;height:2px;border-radius:2px}.Kebab__kebab__rg52P.Kebab__hamburgerMode__-Xphv .Kebab__member__3GSxq{-webkit-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-o-transform:translate(0,-5px);-ms-transform:translate(0,-5px);transform:translate(0,-5px)}.Kebab__kebab__rg52P.Kebab__hamburgerMode__-Xphv .Kebab__peers__Pfyl-{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.Kebab__kebab__rg52P.Kebab__hamburgerMode__-Xphv .Kebab__others__BQnhE{-webkit-transform:translate(0,5px);-moz-transform:translate(0,5px);-o-transform:translate(0,5px);-ms-transform:translate(0,5px);transform:translate(0,5px)}.Kebab__item__hDrYs{border:0 solid #1c2234;margin:auto;width:10px;height:10px;border-radius:50%;-webkit-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.Kebab__member__3GSxq{background-color:#404fa2;-webkit-transform:translate(0,-2px);-moz-transform:translate(0,-2px);-o-transform:translate(0,-2px);-ms-transform:translate(0,-2px);transform:translate(0,-2px);-webkit-transition:all 300 cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:all 300 cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:all 300 cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:all 300 cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 300 cubic-bezier(0.25, 0.46, 0.45, 0.94)}.Kebab__expanded__xx1NV .Kebab__member__3GSxq{-webkit-transform:translate(0, calc(-1 * 5px));-moz-transform:translate(0, calc(-1 * 5px));-o-transform:translate(0, calc(-1 * 5px));-ms-transform:translate(0, calc(-1 * 5px));transform:translate(0, calc(-1 * 5px))}.Kebab__peers__Pfyl-{background-color:#f88484}.Kebab__others__BQnhE{background:#b06078;-webkit-transform:translate(0,dot-offset);-moz-transform:translate(0,dot-offset);-o-transform:translate(0,dot-offset);-ms-transform:translate(0,dot-offset);transform:translate(0,dot-offset)}.Kebab__expanded__xx1NV .Kebab__others__BQnhE{-webkit-transform:translate(0, 5px);-moz-transform:translate(0, 5px);-o-transform:translate(0, 5px);-ms-transform:translate(0, 5px);transform:translate(0, 5px)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CardDetailsPane__iframe__35QOs{position:relative;min-height:240px;width:100%}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CreditCardSignupPane__content__wbPQh label{color:inherit;font-family:inherit;font-size:.75rem;font-weight:inherit;line-height:inherit}.CreditCardSignupPane__content__wbPQh input{background:inherit;border:inherit;box-shadow:inherit;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;font-weight:inherit;padding:inherit;width:inherit}.CreditCardSignupPane__content__wbPQh input:focus-visible{box-shadow:inherit;outline:inherit}.CreditCardSignupPane__termsInvitation__2acBj{color:#8c95a5;font-size:.75rem;line-height:1.67;margin-bottom:24px;margin-top:24px;text-align:center}@media screen and (min-width: 768px){.CreditCardSignupPane__termsInvitation__2acBj{font-size:.8125rem;line-height:1.54}}@media screen and (min-width: 1024px){.CreditCardSignupPane__termsInvitation__2acBj{font-size:.875rem;line-height:1.43}}.CreditCardSignupPane__link__wssnB{font-size:inherit}.CreditCardSignupPane__submitButton__k4rWX{margin-top:24px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CardStatus__cardHolder__GgFve{border-radius:5px;padding-top:63%;background-image:url("/images/credit-card/status_card_700-visa.png");background-position:center;background-size:cover;position:relative}.CardStatus__cardHolder__GgFve.CardStatus__withText__S1jxW{background-image:url("/images/credit-card/status_card_700.png")}.CardStatus__cardText__JBhxB{--gradient-start:rgba(51,181,230,0);--gradient-end:rgba(0,33,45,0.95);position:absolute;bottom:8px;right:4px;padding:2px 4px;border-radius:4px;color:#e7f8ff;font-weight:500;font-size:14px}@media screen and (min-width: 768px){.CardStatus__cardText__JBhxB{font-size:12px;bottom:4px;right:6px}}@media screen and (min-width: 1024px){.CardStatus__cardText__JBhxB{font-size:13px;bottom:4px;right:4px}}@media screen and (min-width: 1280px){.CardStatus__cardText__JBhxB{font-size:14px;bottom:8px;right:8px}}.CardStatus__clickableContent__m5Jd1{padding:0;width:100%}.CardStatus__iconHolder__NTnek{width:31%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.CardStatus__iconWrapper__GHRFr{padding-top:100%;position:relative}.CardStatus__icon__40s1P{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background-color:#050537;border-radius:50%}.CardStatus__svgIcon__Tjfmr{color:#00a3e0}.CardStatus__svgIcon__Tjfmr path{fill-rule:evenodd}.CardStatus__spinner__EDF-2{width:100%;height:100%;-webkit-animation:CardStatus__rotation__AkfaO 1s linear infinite;-moz-animation:CardStatus__rotation__AkfaO 1s linear infinite;-o-animation:CardStatus__rotation__AkfaO 1s linear infinite;-ms-animation:CardStatus__rotation__AkfaO 1s linear infinite;animation:CardStatus__rotation__AkfaO 1s linear infinite}.CardStatus__spinner__EDF-2 circle{stroke-width:4px;stroke:#00a3e0}@-moz-keyframes CardStatus__rotation__AkfaO{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes CardStatus__rotation__AkfaO{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes CardStatus__rotation__AkfaO{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes CardStatus__rotation__AkfaO{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Arc__arc__HWGRz{width:100%;height:100%}.Arc__circle__WjHoQ{fill:transparent;stroke:currentColor}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}fieldset.DatePicker__datePicker__vWD2X{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px}fieldset.DatePicker__datePicker__vWD2X label,fieldset.DatePicker__datePicker__vWD2X span[role='label']{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;line-height:1.4;color:#8c95a5;cursor:pointer}.DatePicker__content__Plypv{border-radius:4;padding:20;width:260;background-color:#fff;box-shadow:#000101 0 10px 38px -10px,#010101 0 10px 20px -15px}@media (prefers-reduced-motion:no-preference){.DatePicker__content__Plypv{-webkit-animation-duration:400ms;-moz-animation-duration:400ms;-o-animation-duration:400ms;-ms-animation-duration:400ms;animation-duration:400ms;-webkit-animation-timing-function:cubic-bezier(.16,1,.3,1);-moz-animation-timing-function:cubic-bezier(.16,1,.3,1);-o-animation-timing-function:cubic-bezier(.16,1,.3,1);-ms-animation-timing-function:cubic-bezier(.16,1,.3,1);animation-timing-function:cubic-bezier(.16,1,.3,1);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards;will-change:transform,opacity}}.DatePicker__arrow__kv\+Ex{fill:#fff}.DatePicker__close__tu8OG{font-family:inherit;border-radius:100%;height:25;width:25;display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;color:#4d556c;position:absolute;top:5;right:5}.DatePicker__close__tu8OG:hover{background-color:#008000}.DatePicker__close__tu8OG:focus{box-shadow:0 0 0 2px #800080}.DatePicker__dateField__Wvc6y{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}@-moz-keyframes DatePicker__slideUpAndFade__TwEhn{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-o-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes DatePicker__slideUpAndFade__TwEhn{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-o-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-o-keyframes DatePicker__slideUpAndFade__TwEhn{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-o-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes DatePicker__slideUpAndFade__TwEhn{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-o-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes DatePicker__slideRightAndFade__LLD1Q{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateX(-2px);-moz-transform:translateX(-2px);-o-transform:translateX(-2px);-ms-transform:translateX(-2px);transform:translateX(-2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes DatePicker__slideRightAndFade__LLD1Q{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateX(-2px);-moz-transform:translateX(-2px);-o-transform:translateX(-2px);-ms-transform:translateX(-2px);transform:translateX(-2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-o-keyframes DatePicker__slideRightAndFade__LLD1Q{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateX(-2px);-moz-transform:translateX(-2px);-o-transform:translateX(-2px);-ms-transform:translateX(-2px);transform:translateX(-2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@keyframes DatePicker__slideRightAndFade__LLD1Q{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateX(-2px);-moz-transform:translateX(-2px);-o-transform:translateX(-2px);-ms-transform:translateX(-2px);transform:translateX(-2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes DatePicker__slideDownAndFade__AgriU{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-o-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes DatePicker__slideDownAndFade__AgriU{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-o-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-o-keyframes DatePicker__slideDownAndFade__AgriU{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-o-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes DatePicker__slideDownAndFade__AgriU{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-o-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes DatePicker__slideLeftAndFade__2O1HX{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-o-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes DatePicker__slideLeftAndFade__2O1HX{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-o-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-o-keyframes DatePicker__slideLeftAndFade__2O1HX{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-o-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@keyframes DatePicker__slideLeftAndFade__2O1HX{0{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-o-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.DateField__wrapper__CZDOx{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;width:100%}.DateField__field__MNwib{font-weight:500;line-height:140%;border-radius:2px;display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:18px;padding:8px;color:#1c2234;background:#edeff1;box-shadow:inset 0 1px 2px rgba(0,0,0,0.15)}.DateField__field__MNwib:focus-within{border-color:#3172f5}.DateField__segment__jt18W{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end}.DateField__segment__jt18W.DateField__placeholder__30GWb{color:}.DateField__segment__jt18W:focus{background:#82aaf9;outline:none;border-radius:2px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Calendar__calendar__yNVUb{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px}.Calendar__calendar__yNVUb h3{margin:0;font-size:14px;text-align:center}.Calendar__calendar__yNVUb th{padding-bottom:8px;font-weight:600;font-size:12px}.Calendar__calendar__yNVUb tr:first-child td .Calendar__cell__bIpRf{border-top:1px solid #edeff1}.Calendar__calendar__yNVUb td{width:14.285714285714286%}.Calendar__calendar__yNVUb td:first-child .Calendar__cell__bIpRf{border-left:1px solid #edeff1}.Calendar__calendar__yNVUb table{width:100%}.Calendar__cell__bIpRf{cursor:default;text-align:center;aspect-ratio:1.1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border:1px solid #edeff1;color:#3172f5;border-left:none;border-top:none;cursor:pointer;font-size:14px;font-weight:500;outline:none;-webkit-transition:border 150ms cubic-bezier(0.42, 0, 0.58, 1), background 150ms cubic-bezier(0.42, 0, 0.58, 1);-moz-transition:border 150ms cubic-bezier(0.42, 0, 0.58, 1), background 150ms cubic-bezier(0.42, 0, 0.58, 1);-o-transition:border 150ms cubic-bezier(0.42, 0, 0.58, 1), background 150ms cubic-bezier(0.42, 0, 0.58, 1);-ms-transition:border 150ms cubic-bezier(0.42, 0, 0.58, 1), background 150ms cubic-bezier(0.42, 0, 0.58, 1);transition:border 150ms cubic-bezier(0.42, 0, 0.58, 1), background 150ms cubic-bezier(0.42, 0, 0.58, 1)}.Calendar__cell__bIpRf:active:not(.Calendar__disabled__1GbSM):not(.Calendar__unavailable__mEe9u){background:#3172f5}@media screen and (min-width: 768px){.Calendar__cell__bIpRf:hover:not(.Calendar__disabled__1GbSM):not(.Calendar__unavailable__mEe9u):not(.Calendar__selected__FIzc9){background:#82aaf9;color:#fff}}.Calendar__highlighted__cVq07{border:1px solid #f2a422;color:#f2a422}.Calendar__selected__FIzc9{background:#3172f5;color:#fff}.Calendar__unavailable__mEe9u{color:#8c95a5;cursor:not-allowed;font-weight:300}.Calendar__disabled__1GbSM{color:#8c95a5;font-weight:300;cursor:default}.Calendar__calendarButton__RkaPb{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#3172f5;position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;padding:0 4px;width:24px;margin-right:12px;margin-left:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0.42, 0, 0.58, 1);-moz-transition:-moz-transform 250ms cubic-bezier(0.42, 0, 0.58, 1);-o-transition:-o-transform 250ms cubic-bezier(0.42, 0, 0.58, 1);-ms-transition:-ms-transform 250ms cubic-bezier(0.42, 0, 0.58, 1);transition:transform 250ms cubic-bezier(0.42, 0, 0.58, 1)}@media screen and (min-width: 768px){.Calendar__calendarButton__RkaPb:hover{color:#173775;-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-o-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px)}}.Calendar__calendarButton__RkaPb:active{color:#3172f5}.Calendar__calendarButton__RkaPb[disabled]{color:#dfe9fd;cursor:default}.Calendar__calendarButton__RkaPb:first-of-type{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin-left:12px;margin-right:0}.Calendar__calendarButton__RkaPb:first-of-type:hover{-webkit-transform:rotate(180deg) translateX(2px);-moz-transform:rotate(180deg) translateX(2px);-o-transform:rotate(180deg) translateX(2px);-ms-transform:rotate(180deg) translateX(2px);transform:rotate(180deg) translateX(2px)}.Calendar__todayButton__0YyMn{position:absolute;right:8px;top:0;-webkit-transform:translateY(34px);-moz-transform:translateY(34px);-o-transform:translateY(34px);-ms-transform:translateY(34px);transform:translateY(34px)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CardPaymentMethodItem__paymentMethod__UOb6e{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.CardPaymentMethodItem__paymentMethod__UOb6e:first-of-type{margin-top:8px}.CardPaymentMethodItem__paymentMethod__UOb6e:last-of-type{margin-bottom:8px}.CardPaymentMethodItem__paymentMethod__UOb6e,.CardPaymentMethodItem__paymentMethod__UOb6e h3{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;color:#4d556c}.CardPaymentMethodItem__paymentMethod__UOb6e i{margin-right:4px;width:24px;height:24px;display:block}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CardShippingAddress__address__Mb8Ei{background-color:#f5f6f7;border-radius:2px;color:#4d556c;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:16px;line-height:1.4;padding:8px;position:relative}.CardShippingAddress__address__Mb8Ei small{display:block;margin-top:4px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ExternalLayout__externalLayout__2YdFl{content:''}.ExternalLayout__headerWrapper__W-GCG{background:#fff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;padding:16px 0}@media screen and (min-width: 768px){.ExternalLayout__headerWrapper__W-GCG{padding:24px 0}}.ExternalLayout__common__8WmP8 .ExternalLayout__main__4s\+l-{margin:24px 16px 80px}@media screen and (min-width: 375px){.ExternalLayout__common__8WmP8 .ExternalLayout__main__4s\+l-{margin-right:32px;margin-left:32px}}.ExternalLayout__homepage__XYnOJ .ExternalLayout__main__4s\+l-{content:''}.ExternalLayout__feed__J1gF7 .ExternalLayout__main__4s\+l-{min-height:60vh;margin:24px 0}@media screen and (min-width: 415px){.ExternalLayout__feed__J1gF7 .ExternalLayout__main__4s\+l-{margin:24px 16px}}@media screen and (min-width: 768px){.ExternalLayout__feed__J1gF7 .ExternalLayout__main__4s\+l-{margin:24px}}.ExternalLayout__singleColumn__YLM8p .ExternalLayout__main__4s\+l-{margin:24px 0 0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.ExternalLayout__singleColumn__YLM8p .ExternalLayout__main__4s\+l- > *{width:100%}@media screen and (min-width: 375px){.ExternalLayout__singleColumn__YLM8p .ExternalLayout__main__4s\+l-{margin:24px 32px 80px}}@media screen and (min-width: 768px){.ExternalLayout__singleColumn__YLM8p .ExternalLayout__main__4s\+l-{margin:32px 48px 80px}}@media screen and (min-width: 1024px){.ExternalLayout__singleColumn__YLM8p .ExternalLayout__main__4s\+l-{width:640px;margin:32px auto 80px}}.ExternalLayout__advisor__9ItKH .ExternalLayout__main__4s\+l-{margin:24px 8px 0}@media screen and (min-width: 375px){.ExternalLayout__advisor__9ItKH .ExternalLayout__main__4s\+l-{margin:24px 16px 80px}}@media screen and (min-width: 768px){.ExternalLayout__advisor__9ItKH .ExternalLayout__main__4s\+l-{margin:32px 48px 80px}}@media screen and (min-width: 1024px){.ExternalLayout__advisor__9ItKH .ExternalLayout__main__4s\+l-{width:640px;margin:32px auto 80px}}@media screen and (min-width: 375px){.ExternalLayout__wide__nUpnA .ExternalLayout__main__4s\+l-{margin:24px 0 80px}}@media screen and (min-width: 768px){.ExternalLayout__wide__nUpnA .ExternalLayout__main__4s\+l-{margin:24px 0 80px}}@media screen and (min-width: 1024px){.ExternalLayout__wide__nUpnA .ExternalLayout__main__4s\+l-{width:800px;margin:32px auto 80px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ExternalHeader__header__ZJTYs{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;width:100%;height:24px;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0 16px;position:relative;z-index:2}@media screen and (min-width: 375px){.ExternalHeader__header__ZJTYs{padding:0 24px}}@media screen and (min-width: 768px){.ExternalHeader__header__ZJTYs{height:48px;padding:0 32px;gap:32px}}@media screen and (min-width: 1024px){.ExternalHeader__header__ZJTYs{max-width:955px;margin:0 auto;gap:48px}}@media screen and (min-width: 1440px){.ExternalHeader__header__ZJTYs{max-width:1048px}}.ExternalHeader__logoWrapper__A-0bO{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1}.ExternalHeader__withoutExternalNavigation__FRxWz .ExternalHeader__logoWrapper__A-0bO{position:static;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}@media screen and (min-width: 768px){.ExternalHeader__logoWrapper__A-0bO{position:static;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.JoinButton__contentWrapper__20z6V{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-moz-box-pack:space-evenly;-o-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly;height:100%;padding:6px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;color:#fff}.JoinButton__mainCta__k6BDk,.JoinButton__secondaryCta__gQZz6{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;line-height:1.33}.JoinButton__mainCta__k6BDk{text-transform:uppercase}.JoinButton__secondaryCta__gQZz6{text-transform:none;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.JoinButton__joinButtonWrapper__YG7dn{display:inline}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.MenuButton__numberIcon__1AEeW {
  position: absolute;
  top: 0;
  right: -22px;
  transition: all var(--fast) var(--ease-out);
}

.MenuButton__hamburger__Brq-Y {
  position: relative;
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
}

.MenuButton__hamburger__Brq-Y:focus {
    outline: none;
  }

.MenuButton__hamburger__Brq-Y.MenuButton__open__syNTy {

  }

.MenuButton__icon__HCi6O {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-repeat: no-repeat;
  transition: transform var(--fast) var(--ease-out),
    opacity var(--fast) var(--ease-out);
}

.MenuButton__iconHamburger__WFTnp {
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  opacity: 1;
}

.MenuButton__open__syNTy .MenuButton__iconHamburger__WFTnp {
    transform: rotate(179deg);
    opacity: 0;
  }

.MenuButton__iconCross__gvvv5 {
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  opacity: 0;
}

.MenuButton__open__syNTy .MenuButton__iconCross__gvvv5 {
    transform: rotate(179deg);
    opacity: 1;
  }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ExternalNavigation__externalNavigation__5mo6Z{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}@media screen and (min-width: 768px){.ExternalNavigation__externalNavigation__5mo6Z{position:relative}}.ExternalNavigation__opened__AXy7T{content:''}.ExternalNavigation__menuButton__54Fl4{margin-left:-16px;color:#fff}.ExternalNavigation__light__auDfq .ExternalNavigation__menuButton__54Fl4{color:#3c425a}@media screen and (min-width: 768px){.ExternalNavigation__menuButton__54Fl4{margin-right:16px;margin-left:0}}@media screen and (min-width: 1024px){.ExternalNavigation__menuButton__54Fl4{display:none;margin-right:24px}}.ExternalNavigation__list__gXUtL{position:absolute;top:100%;left:-16px;margin-top:22px;width:100vw;border:none;border-bottom-width:1px;border-bottom-width:1px;background:#fff;box-shadow:0 0 0 1px rgba(60,66,90,0.05),0 10px 20px rgba(60,66,90,0.15);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity 250ms, visibility 250ms, -webkit-transform 250ms;-moz-transition:opacity 250ms, visibility 250ms, -moz-transform 250ms;-o-transition:opacity 250ms, visibility 250ms, -o-transform 250ms;-ms-transition:opacity 250ms, visibility 250ms, -ms-transform 250ms;transition:opacity 250ms, visibility 250ms, transform 250ms;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);display:none}.ExternalNavigation__opened__AXy7T .ExternalNavigation__list__gXUtL{display:block;visibility:visible;opacity:1;-ms-filter:none;filter:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;z-index:1}.ExternalNavigation__list__gXUtL::before,.ExternalNavigation__list__gXUtL::after{position:absolute;bottom:100%;left:8px;border:16px solid transparent;border-bottom-color:#ced5df;content:''}.ExternalNavigation__list__gXUtL::after{margin-bottom:-1px;border-bottom-color:#fff}@media screen and (min-width: 375px){.ExternalNavigation__list__gXUtL{left:-24px;width:320px;border-right-width:1px;border-left-width:1px}.ExternalNavigation__list__gXUtL::before,.ExternalNavigation__list__gXUtL::after{left:16px}}@media screen and (min-width: 768px){.ExternalNavigation__list__gXUtL{right:-122px;left:auto;margin-top:16px}.ExternalNavigation__list__gXUtL::before,.ExternalNavigation__list__gXUtL::after{right:50%;left:auto;margin-right:-16px}}@media screen and (min-width: 1024px){.ExternalNavigation__list__gXUtL{position:relative;top:0;right:0;display:block;visibility:visible;margin-top:0;width:auto;border:none;background:transparent;box-shadow:none;opacity:1;-ms-filter:none;filter:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.ExternalNavigation__list__gXUtL::before,.ExternalNavigation__list__gXUtL::after{display:none}}.ExternalNavigation__listItem__5rmHg{position:relative;display:block;padding:4px 0;height:64px;color:#3c425a;text-align:center;line-height:64px}.ExternalNavigation__listItem__5rmHg:first-child{border-top:1px solid #ced5df}@media screen and (min-width: 1024px){.ExternalNavigation__listItem__5rmHg{display:inline-block;margin-right:32px;height:auto;border-bottom:2px solid transparent;color:#fff;line-height:auto;line-height:1}.ExternalNavigation__listItem__5rmHg:hover{border-bottom:2px solid #82aaf9}.ExternalNavigation__listItem__5rmHg:first-child{border-top:none}.ExternalNavigation__light__auDfq .ExternalNavigation__listItem__5rmHg{color:#3c425a}}@media screen and (min-width: 1440px){.ExternalNavigation__listItem__5rmHg{margin-right:40px}}.ExternalNavigation__selected__nXezh{z-index:2;background:#fafbff;color:#3172f5}@media screen and (min-width: 1024px){.ExternalNavigation__selected__nXezh{border-bottom:2px solid #3172f5;background:transparent;color:#98b9fa}.ExternalNavigation__light__auDfq a .ExternalNavigation__selected__nXezh{color:#3172f5}}.ExternalNavigation__navigationLink__7qyps{display:block;color:inherit;font-family:"AtlasGrotesk", "Helvetica", sans-serif;font-weight:500;font-size:18px}@media screen and (min-width: 1024px){.ExternalNavigation__navigationLink__7qyps{display:inline}.ExternalNavigation__navigationLink__7qyps:hover{color:inherit}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ExternalHeaderButtons__externalHeaderButtons__h4JWC{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:100%}@media screen and (min-width: 768px){.ExternalHeaderButtons__externalHeaderButtons__h4JWC{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}}@media screen and (min-width: 1024px){.ExternalHeaderButtons__externalHeaderButtons__h4JWC{-webkit-flex-basis:100%;flex-basis:100%;-webkit-flex-shrink:1;flex-shrink:1;width:100%}}.ExternalHeaderButtons__loginLink__q2Z-Z{color:#fff;text-transform:uppercase;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;line-height:2;-webkit-transition:color 150ms;-moz-transition:color 150ms;-o-transition:color 150ms;-ms-transition:color 150ms;transition:color 150ms}.ExternalHeaderButtons__loginLink__q2Z-Z:hover{color:#4680f6}.ExternalHeaderButtons__light__0721j .ExternalHeaderButtons__loginLink__q2Z-Z{color:#3c425a}.ExternalHeaderButtons__light__0721j .ExternalHeaderButtons__loginLink__q2Z-Z:hover{color:#4680f6}.ExternalHeaderButtons__buttonWrapper__uw7uQ{display:inline-block;font-size:10px}.ExternalHeaderButtons__buttonWrapper__uw7uQ:last-child{display:none;margin-left:16px}.ExternalHeaderButtons__withoutExternalNavigation__RgNqM .ExternalHeaderButtons__buttonWrapper__uw7uQ:last-child{display:inline-block;margin-left:0}@media screen and (min-width: 768px){.ExternalHeaderButtons__withoutExternalNavigation__RgNqM .ExternalHeaderButtons__buttonWrapper__uw7uQ:last-child{margin-left:24px}}@media screen and (min-width: 768px){.ExternalHeaderButtons__buttonWrapper__uw7uQ:last-child{margin-right:0;margin-left:24px;min-width:64px;height:48px}}@media screen and (min-width: 1024px){.ExternalHeaderButtons__buttonWrapper__uw7uQ:last-child{display:inline-block}}@media screen and (min-width: 1440px){.ExternalHeaderButtons__buttonWrapper__uw7uQ:last-child{margin-left:32px}}@media screen and (min-width: 768px){.ExternalHeaderButtons__buttonWrapper__uw7uQ{min-width:128px;font-size:12px}.ExternalHeaderButtons__buttonWrapper__uw7uQ:first-of-type{margin-left:auto}}@media screen and (min-width: 1024px){.ExternalHeaderButtons__buttonWrapper__uw7uQ{min-width:160px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ExternalFooter__footer__2VViK{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:40px 16px 24px;background:#0b0014}@media screen and (min-width: 375px){.ExternalFooter__footer__2VViK{padding:40px 24px 48px}}@media screen and (min-width: 768px){.ExternalFooter__footer__2VViK{padding-top:48px}}@media screen and (min-width: 1440px){.ExternalFooter__footer__2VViK{padding-top:64px}}.ExternalFooter__title__sGAOQ{color:#fff;font-family:"serif", "Georgia", serif;font-weight:300;font-size:27px;line-height:1.3;text-align:center}@media screen and (min-width: 375px){.ExternalFooter__title__sGAOQ{font-size:32px}}@media screen and (min-width: 768px){.ExternalFooter__title__sGAOQ{font-size:40px;line-height:1.25}}@media screen and (min-width: 1024px){.ExternalFooter__title__sGAOQ{max-width:none}}@media screen and (min-width: 1440px){.ExternalFooter__title__sGAOQ{font-size:48px;line-height:1.25}}.ExternalFooter__lineBreak__5ESf1{display:block;font-size:0}@media screen and (min-width: 768px){.ExternalFooter__lineBreak__5ESf1{display:inline;font-size:inherit}}.ExternalFooter__joinButtonWrapper__3zg5E{width:100%;height:48px;max-width:300px;margin-top:32px;font-size:12px}@media screen and (min-width: 375px){.ExternalFooter__joinButtonWrapper__3zg5E{margin-top:36px}}@media screen and (min-width: 768px){.ExternalFooter__joinButtonWrapper__3zg5E{width:230px;margin-top:48px}}@media screen and (min-width: 1440px){.ExternalFooter__joinButtonWrapper__3zg5E{margin-top:56px}}.ExternalFooter__navigation__IDtKZ{max-width:360px;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-top:32px}@media screen and (min-width: 768px){.ExternalFooter__navigation__IDtKZ{max-width:512px;margin-top:48px}}@media screen and (min-width: 1440px){.ExternalFooter__navigation__IDtKZ{margin-top:64px}}.ExternalFooter__navigationLink__anySO,.ExternalFooter__secondaryNavigationLink__4n00f{color:#edeff1;font-family:"sans", "Arial", sans-serif;font-size:ans-family}.ExternalFooter__navigationLink__anySO{white-space:nowrap;font-size:18px}@media screen and (min-width: 375px){.ExternalFooter__navigationLink__anySO{font-size:20px}}@media screen and (min-width: 768px){.ExternalFooter__navigationLink__anySO{font-size:22px}}.ExternalFooter__mobileAppBadgesWrapper__iqO4B{margin-top:24px}@media screen and (min-width: 768px){.ExternalFooter__mobileAppBadgesWrapper__iqO4B{margin-top:32px}}.ExternalFooter__socialButtons__IZlLR{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;margin-top:24px}@media screen and (min-width: 768px){.ExternalFooter__socialButtons__IZlLR{margin-top:32px}}.ExternalFooter__socialButtonWrapper__vZLyu:not(:last-child){margin-right:16px}.ExternalFooter__secondaryNavigation__lRUN9{margin-top:16px}@media screen and (min-width: 768px){.ExternalFooter__secondaryNavigation__lRUN9{margin-top:24px}}.ExternalFooter__secondaryNavigationLink__4n00f{font-size:16px}.ExternalFooter__secondaryNavigationLink__4n00f:not(:last-child){margin-right:20px}
.SocialButton__socialButtonLink__Y5VGV {
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 100%;
}

.SocialButton__facebook__x40Dq {}

.SocialButton__twitter__urhYU {}

.SocialButton__linkedin__fLGRW {}

.SocialButton__socialButton__DxlTH {
  width: 100%;
  height: 100%;
  padding: 0;
  background-position: center;
  background-size: cover;
}

.SocialButton__socialButton__DxlTH.SocialButton__facebook__x40Dq {
    background-image: url('/images/icons/social_facebook.svg');
  }

.SocialButton__socialButton__DxlTH.SocialButton__twitter__urhYU {
    background-image: url('/images/icons/social_twitter.svg');
  }

.SocialButton__socialButton__DxlTH.SocialButton__linkedin__fLGRW {
    background-image: url('/images/icons/social_linkedin.svg');
  }

.MobileAppBadges__mobileAppBadges__wl84p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.MobileAppBadge__badge__YGd2S {
  width: 122px;
  height: 36px;

  background-repeat: no-repeat;
  background-size: cover;
}

@media (--w1024-up) {

.MobileAppBadge__badge__YGd2S {
    width: 136px;
    height: 40px;
}
  }

.MobileAppBadge__badge__YGd2S + .MobileAppBadge__badge__YGd2S {
    margin-left: 24px;
  }

.MobileAppBadge__ios__D\+Gv\+ {
  background-image: url('/images/app-store.svg');
}

.MobileAppBadge__android__nA7eU {
  background-image: url('/images/google-play.svg');
}

.StickyHeader__stickyHeader__iacZl {
  position: fixed;
  z-index: 6;
  box-sizing: border-box;
  transform: translate(0, -200%);
  opacity: 0;
  transition: transform .5s ease-in, opacity .5s cubic-bezier(1, 0, 0, 1);
  will-change: transform;
}

@media (--w1440-up) {

.StickyHeader__stickyHeader__iacZl.StickyHeader__maxWidth__Wpo8t {
      /* max-width: 1104px; */
  }
    }

.StickyHeader__stickyHeader__iacZl.StickyHeader__noAnimation__G3swT {
    transition: none;
  }

.StickyHeader__isSticked__RmSla {
  transform: translate(0, 0);
  opacity: 1;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ExternalStickyHeader__externalStickyHeader__rbxPx{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;width:100%;height:24px;padding:16px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#2c325e;box-shadow:0 22px 40px 0 rgba(105,113,133,0.08)}@media screen and (min-width: 768px){.ExternalStickyHeader__externalStickyHeader__rbxPx{height:48px;padding:24px 0}}.ExternalStickyHeader__light__V4gZH{background:#fff}.ExternalStickyHeader__withBorder__l2RPh{border-bottom:1px solid #d7e2f7}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CardTermsPage__article__49R5l{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.4}@media screen and (min-width: 768px){.CardTermsPage__article__49R5l{font-size:19px}}.CardTermsPage__article__49R5l b{font-weight:500}.CardTermsPage__article__49R5l h1{font-family:"serif", "Georgia", serif;font-weight:500;font-size:32px}@media screen and (min-width: 768px){.CardTermsPage__article__49R5l h1{font-size:36px}}.CardTermsPage__article__49R5l p{font-size:23px}.CardTermsPage__article__49R5l a{color:inherit;word-break:break-word}.CardTermsPage__article__49R5l table{width:100%}.CardTermsPage__article__49R5l table td{font-size:12px;padding:8px;border:1px solid #ced5df}@media screen and (min-width: 768px){.CardTermsPage__article__49R5l table td{font-size:16px}}.CardTermsPage__article__49R5l table td:first-child{width:30%}.CardTermsPage__article__49R5l table td ul li{list-style:disc;margin-left:16px}.CardTermsPage__article__49R5l table tr.CardTermsPage__noTopBorder__IBuOT td{border-top:0}.CardTermsPage__article__49R5l table tr.CardTermsPage__noBottomBorder__PPwW5 td{border-bottom:0}.CardTermsPage__article__49R5l table th{background-color:#ced5df;border:1px solid #ced5df;padding:8px;font-size:12px;font-weight:500;text-align:left}@media screen and (min-width: 768px){.CardTermsPage__article__49R5l table th{font-size:16px}}.CardTermsPage__article__49R5l table th:first-child{width:30%}.CardTermsPage__article__49R5l.CardTermsPage__small__0ZS1S{font-family:"sans", "Arial", sans-serif;font-size:14px;line-height:1.4}.CardTermsPage__article__49R5l.CardTermsPage__small__0ZS1S h1{font-size:24px}.CardTermsPage__article__49R5l.CardTermsPage__small__0ZS1S p{font-size:14px}.CardTermsPage__article__49R5l.CardTermsPage__small__0ZS1S table{width:100%}.CardTermsPage__article__49R5l.CardTermsPage__small__0ZS1S table td{font-size:12px}.CardTermsPage__article__49R5l.CardTermsPage__small__0ZS1S .CardTermsPage__big__83QyU{font-size:24px}.CardTermsPage__article__49R5l .CardTermsPage__big__83QyU{font-size:27px;font-weight:500}@media screen and (min-width: 768px){.CardTermsPage__article__49R5l .CardTermsPage__big__83QyU{font-size:32px}}.CardTermsPage__article__49R5l .CardTermsPage__center__I5g1d{text-align:center}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.About__section__OpGby {
  padding: 0 1rem;
  margin-top: 3.5rem;
}

.About__section__OpGby:first-child {
    margin-top: 0;
  }

@media (min-width: 375px) {

.About__section__OpGby {
    padding: 0;
}
  }

.About__subtitle__QmADW {
  margin-bottom: 1.5rem;
  color: var(--shale);
  font-size: 1.125rem;
  line-height: 1.4;
}

@media (min-width: 768px) {

.About__subtitle__QmADW {
    margin-bottom: 2.5rem;
    font-size: 1.25rem;
    line-height: 1.25;
}
  }

.About__paragraph__Ek0dl {
  margin-bottom: 1.5em;
  color: var(--body-text-color);
  line-height: 1.5;
}

.About__paragraph__Ek0dl:last-child {
    margin-bottom: 0;
  }

@media (min-width: 768px) {

.About__paragraph__Ek0dl {
    font-size: 1.25rem;
}
  }

.About__mapWrapper__Wg7f1 {
  height: 35rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

@media (min-width: 375px) {

.About__mapWrapper__Wg7f1 {
    height: 38rem;
    margin-bottom: 0;
}
  }

@media (min-width: 768px) {

.About__mapWrapper__Wg7f1 {
    height: 40rem;
    margin-top: 5rem;
}
  }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PressPage__section__wnFdq{padding:0 1rem}@media screen and (min-width: 375px){.PressPage__section__wnFdq{padding:0}}@media screen and (min-width: 375px){.PressPage__cardWrapper__M2Wr6{margin-top:3rem}}.PressPage__cardHeader__8jYGV{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;margin-bottom:1rem}@media screen and (min-width: 768px){.PressPage__cardHeader__8jYGV{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;margin-bottom:2rem}}.PressPage__cardLogoLinkIE__ob8B1{display:inline-block;width:100%}.PressPage__cardLogo__OuZw\+{width:100%;height:100%;max-height:80px;max-width:100%;margin-bottom:1.5rem;object-fit:contain;object-position:0 50%}@media screen and (min-width: 768px){.PressPage__cardLogo__OuZw\+{max-width:320px;margin-bottom:0}}.PressPage__cardLogoLinkIE__ob8B1 .PressPage__cardLogo__OuZw\+{width:auto}.PressPage__cardTitle__Rz32S{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:18px;line-height:1.25;color:#4d556c;margin-bottom:1rem}@media screen and (min-width: 768px){.PressPage__cardTitle__Rz32S{font-size:1.375rem}}.PressPage__pressEmailContainer__NeFHe,.PressPage__cardParagraph__RQj8Q,.PressPage__cardDate__rb1mu{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:100%;line-height:1.5;color:#6a7185}@media screen and (min-width: 768px){.PressPage__pressEmailContainer__NeFHe,.PressPage__cardParagraph__RQj8Q,.PressPage__cardDate__rb1mu{font-size:1.25rem}}.PressPage__cardDate__rb1mu{color:#8c95a5;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;text-align:right;white-space:nowrap}.PressPage__cardFooter__JDnxd{margin-top:1rem;text-align:right}.PressPage__pressEmailContainer__NeFHe{padding:0 1rem;text-align:left}@media screen and (min-width: 375px){.PressPage__pressEmailContainer__NeFHe{padding:0}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.GeneralSection__generalSection__gUbFe{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:calc(360px + 50vw);padding:32px 16px 0;overflow:hidden;text-align:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;line-height:2;color:#fff}.GeneralSection__generalSection__gUbFe > *{-webkit-flex-shrink:0;flex-shrink:0}@media screen and (min-width: 375px){.GeneralSection__generalSection__gUbFe{font-size:16px}}@media screen and (min-width: 768px){.GeneralSection__generalSection__gUbFe{height:600px;padding:0 32px}}@media screen and (min-width: 1024px){.GeneralSection__generalSection__gUbFe{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;font-size:18px;height:700px}}@media screen and (min-width: 1440px){.GeneralSection__generalSection__gUbFe{font-size:24px;padding-top:32px}}.GeneralSection__contentWrapper__81UiX{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}@media screen and (min-width: 768px){.GeneralSection__contentWrapper__81UiX{height:initial;width:560px}}@media screen and (min-width: 1024px){.GeneralSection__contentWrapper__81UiX{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;text-align:left;width:448px;margin-right:64px}}@media screen and (min-width: 1440px){.GeneralSection__contentWrapper__81UiX{margin-right:160px}}.GeneralSection__headline__SQwbI{font-family:"serif", "Georgia", serif;font-weight:500;font-size:32px;line-height:1.25;color:#2c325e}@media screen and (min-width: 375px){.GeneralSection__headline__SQwbI{font-size:34px}}@media screen and (min-width: 768px){.GeneralSection__headline__SQwbI{font-size:38px}}@media screen and (min-width: 1024px){.GeneralSection__headline__SQwbI{font-size:42px}}.GeneralSection__summary__stHw1{margin-top:24px;font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.5;color:#8c95a5}@media screen and (min-width: 1024px){.GeneralSection__summary__stHw1{font-size:18px}}@media screen and (min-width: 1440px){.GeneralSection__summary__stHw1{margin-top:32px}}.GeneralSection__buttonWrapper__ebVyQ{display:inline-block;width:230px;height:48px;font-size:12px;margin-top:24px;margin-bottom:48px}@media screen and (min-width: 375px){.GeneralSection__buttonWrapper__ebVyQ{margin-top:32px}}@media screen and (min-width: 1024px){.GeneralSection__buttonWrapper__ebVyQ{margin-top:36px}}@media screen and (min-width: 1440px){.GeneralSection__buttonWrapper__ebVyQ{margin-top:40px}}.GeneralSection__userCounter__Sufw9{margin-top:16px;font-family:"sans", "Arial", sans-serif;font-size:14px;color:#2c325e;text-align:center}@media screen and (min-width: 1024px){.GeneralSection__userCounter__Sufw9{font-size:16px}}.GeneralSection__image__TxB92{margin-left:30vw;width:160vw;margin-top:-10vw}@media screen and (min-width: 768px){.GeneralSection__mobileImage__ko0Vi{display:none}}.GeneralSection__padImage__NZgGh{display:none;width:150vw;max-width:1140px}@media screen and (min-width: 768px){.GeneralSection__padImage__NZgGh{display:initial}}@media screen and (min-width: 1024px){.GeneralSection__padImage__NZgGh{display:none}}.GeneralSection__desktopImage__uEYrU{display:none;width:442px;margin:0}@media screen and (min-width: 1024px){.GeneralSection__desktopImage__uEYrU{display:block}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PressSection__pressSection__VnFVv{display:block;background-color:#f5f6f7;padding-top:24px}@media screen and (min-width: 768px){.PressSection__pressSection__VnFVv{padding:24px 0}}@media screen and (min-width: 1024px){.PressSection__pressSection__VnFVv{padding:32px 0}}.PressSection__contentWrapper__fmBvW{text-align:center;max-width:400px;margin:0 auto;font-size:0}@media screen and (min-width: 768px){.PressSection__contentWrapper__fmBvW{max-width:none}}.PressSection__logoWrapper__pleA0{display:inline-block;margin-bottom:24px}.PressSection__logoWrapper__pleA0:nth-child(odd){margin-right:24px}@media screen and (min-width: 768px){.PressSection__logoWrapper__pleA0{margin-bottom:0}.PressSection__logoWrapper__pleA0:nth-child(odd){margin-right:0}.PressSection__logoWrapper__pleA0:not(:last-child){margin-right:40px}}@media screen and (min-width: 1024px){.PressSection__logoWrapper__pleA0:not(:last-child){margin-right:48px}}@media screen and (min-width: 1440px){.PressSection__logoWrapper__pleA0:not(:last-child){margin-right:54px}}.PressSection__forbes__qBFw5{filter:brightness(0)}.PressSection__businessinsider__HwpkJ,.PressSection__marketwatch__-ss5N,.PressSection__wall_street_hor__Uy-Yu,.PressSection__wall_street_vert__5ZdVw{content:''}.PressSection__wall_street_hor__Uy-Yu.PressSection__wall_street_hor__Uy-Yu{margin-right:0}@media screen and (min-width: 768px){.PressSection__wall_street_hor__Uy-Yu{display:none}}.PressSection__wall_street_vert__5ZdVw{display:none}@media screen and (min-width: 768px){.PressSection__wall_street_vert__5ZdVw{display:initial}}.PressSection__logo__cyl5A{height:27px;margin-top:1.5px;margin-bottom:1.5px}.PressSection__cnbc_hor__\+S6Ot .PressSection__logo__cyl5A{height:24px;margin-top:3px;margin-bottom:3px}.PressSection__cnnmoney__MkpHn .PressSection__logo__cyl5A{height:30px;margin-top:0;margin-bottom:0}.PressSection__wall_street_vert__5ZdVw .PressSection__logo__cyl5A{height:42px;margin-top:-6px;margin-bottom:-6px}@media screen and (min-width: 768px){.PressSection__logo__cyl5A{height:22.5px;margin-top:1.25px;margin-bottom:1.25px}.PressSection__cnbc_hor__\+S6Ot .PressSection__logo__cyl5A{height:20px;margin-top:2.5px;margin-bottom:2.5px}.PressSection__cnnmoney__MkpHn .PressSection__logo__cyl5A{height:25px;margin-top:0;margin-bottom:0}.PressSection__wall_street_vert__5ZdVw .PressSection__logo__cyl5A{height:35px;margin-top:-5px;margin-bottom:-5px}}@media screen and (min-width: 1024px){.PressSection__logo__cyl5A{height:27px;margin-top:1.5px;margin-bottom:1.5px}.PressSection__cnbc_hor__\+S6Ot .PressSection__logo__cyl5A{height:24px;margin-top:3px;margin-bottom:3px}.PressSection__cnnmoney__MkpHn .PressSection__logo__cyl5A{height:30px;margin-top:0;margin-bottom:0}.PressSection__wall_street_vert__5ZdVw .PressSection__logo__cyl5A{height:42px;margin-top:-6px;margin-bottom:-6px}}@media screen and (min-width: 1440px){.PressSection__logo__cyl5A{height:36px;margin-top:2px;margin-bottom:2px}.PressSection__cnbc_hor__\+S6Ot .PressSection__logo__cyl5A{height:32px;margin-top:4px;margin-bottom:4px}.PressSection__cnnmoney__MkpHn .PressSection__logo__cyl5A{height:40px;margin-top:0;margin-bottom:0}.PressSection__wall_street_vert__5ZdVw .PressSection__logo__cyl5A{height:56px;margin-top:-8px;margin-bottom:-8px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SecuritySection__securitySection__Sqdjb{background-color:#ced5df;color:#fff;padding:40px 0}@media screen and (min-width: 375px){.SecuritySection__securitySection__Sqdjb{padding:40px 16px}}@media screen and (min-width: 415px){.SecuritySection__securitySection__Sqdjb{padding:40px}}@media screen and (min-width: 1024px){.SecuritySection__securitySection__Sqdjb{padding:70px 0}}@media screen and (min-width: 1440px){.SecuritySection__securitySection__Sqdjb{padding:80px 0}}.SecuritySection__contentWrapper__BOqxD{background-image:url("/images/lock.svg"), -webkit-linear-gradient(left, #2c325e, #4051a2);background-image:url("/images/lock.svg"), -moz-linear-gradient(left, #2c325e, #4051a2);background-image:url("/images/lock.svg"), -o-linear-gradient(left, #2c325e, #4051a2);background-image:url("/images/lock.svg"), -ms-linear-gradient(left, #2c325e, #4051a2);background-image:url("/images/lock.svg"), linear-gradient(to right, #2c325e, #4051a2);background-size:150% 150%,cover;background-position:0 0,0 0;background-repeat:no-repeat,no-repeat;padding:40px 12px 56px;margin:0 auto;text-align:center;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 375px){.SecuritySection__contentWrapper__BOqxD{border-radius:5px}}@media screen and (min-width: 768px){.SecuritySection__contentWrapper__BOqxD{max-width:700px;padding:40px 20px}}@media screen and (min-width: 1024px){.SecuritySection__contentWrapper__BOqxD{max-width:880px;padding:56px 0 40px}}@media screen and (min-width: 1440px){.SecuritySection__contentWrapper__BOqxD{max-width:1024px;padding:44px 0 78px}}.SecuritySection__header__spiXQ{color:#fff;font-family:"serif", "Georgia", serif;font-weight:500;font-size:32px;line-height:1.25}@media screen and (min-width: 768px){.SecuritySection__header__spiXQ{font-size:40px}}@media screen and (min-width: 1024px){.SecuritySection__header__spiXQ{font-size:48px}}.SecuritySection__paragraph__guZMF{color:#a3b7ff;max-width:390px;font-family:"sans", "Arial", sans-serif;font-size:18px;line-height:1.33;margin:16px auto 0}@media screen and (min-width: 768px){.SecuritySection__paragraph__guZMF{margin-top:24px}}@media screen and (min-width: 1024px){.SecuritySection__paragraph__guZMF{margin-top:32px}}.SecuritySection__pros__1u6Qr{display:inline-block;margin:40px auto 0;list-style:none;position:relative}@media screen and (min-width: 1024px){.SecuritySection__pros__1u6Qr{margin-top:48px}}.SecuritySection__pro__Wsl1n{display:block;text-align:left;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:16px;line-height:32px;width:auto;white-space:nowrap}@media screen and (min-width: 768px){.SecuritySection__pro__Wsl1n{line-height:1.4;text-align:center;display:inline-block;width:170px;white-space:initial}}.SecuritySection__proBreak__8jval{display:none}@media screen and (min-width: 768px){.SecuritySection__proBreak__8jval{display:block}}.SecuritySection__iconWrapper__sDpWc{width:32px;height:32px;margin-bottom:24px;margin-right:24px;border:1.5px solid #3172f5;border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:top}.SecuritySection__pro__Wsl1n:last-child .SecuritySection__iconWrapper__sDpWc{margin-bottom:0}@media screen and (min-width: 768px){.SecuritySection__iconWrapper__sDpWc{display:block;margin:0 auto 16px}.SecuritySection__pro__Wsl1n:last-child .SecuritySection__iconWrapper__sDpWc{margin-bottom:16px}}.SecuritySection__icon__0Q7ut{width:20px;height:20px;padding:5px}.SecuritySection__buttonWrapper__1fGqq{width:224px;margin:48px auto 0}@media screen and (min-width: 768px){.SecuritySection__buttonWrapper__1fGqq{margin-top:32px}}@media screen and (min-width: 1024px){.SecuritySection__buttonWrapper__1fGqq{margin-top:40px}}@media screen and (min-width: 1440px){.SecuritySection__buttonWrapper__1fGqq{margin-top:56px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.OverviewSection__overviewSection__PWQQZ{background:#fff;padding:85px 16px 60px;text-align:center}@media screen and (min-width: 1024px){.OverviewSection__overviewSection__PWQQZ{text-align:left}}@media screen and (min-width: 1440px){.OverviewSection__overviewSection__PWQQZ{padding-bottom:100px}}.OverviewSection__header__lizpc{font-family:"serif", "Georgia", serif;font-weight:500;font-size:32px;line-height:1.25;color:#4d556c;max-width:360px;margin:0 auto;padding-bottom:30px}@media screen and (min-width: 1024px){.OverviewSection__header__lizpc{font-size:60px;line-height:1.2;padding-bottom:0;max-width:800px;text-align:center}}.OverviewSection__lineBreak__WqE0D{display:block;font-size:0}@media screen and (min-width: 1024px){.OverviewSection__lineBreak__WqE0D{display:inline;font-size:inherit}}.OverviewSection__features__aTM3o{list-items:none}@media screen and (min-width: 1024px){.OverviewSection__features__aTM3o{max-width:880px;margin:0 auto}}@media screen and (min-width: 1440px){.OverviewSection__features__aTM3o{max-width:980px}}.OverviewSection__feature__u5Fay{margin-top:40px}@media screen and (min-width: 1024px){.OverviewSection__feature__u5Fay{display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:48px;width:50%;margin-top:90px}.OverviewSection__feature__u5Fay:nth-child(odd){padding-right:24px}.OverviewSection__feature__u5Fay:nth-child(even){padding-left:72px}}@media screen and (min-width: 1440px){.OverviewSection__feature__u5Fay:nth-child(odd){padding-right:64px}.OverviewSection__feature__u5Fay:nth-child(even){padding-left:112px}}.OverviewSection__featureHeader__9dygV{color:#4d556c;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:18px;line-height:1.33;position:relative}.OverviewSection__iconWrapper__Mp4UL{width:32px;height:32px;color:#6a7185;margin:0 auto 16px}@media screen and (min-width: 1024px){.OverviewSection__iconWrapper__Mp4UL{position:absolute;left:-48px;top:-4px}}.OverviewSection__featureText__-4ofX{color:#6a7185;font-family:"sans", "Arial", sans-serif;font-size:18px;line-height:1.5;max-width:430px;margin:16px auto 0}@media screen and (min-width: 1024px){.OverviewSection__featureText__-4ofX{max-width:none}}
.YoutubePlayer__youtubePlayer__svbx- {

}

.YoutubePlayer__spinnerWrapper__7GOrT {
  display: flex;
  align-items: center;
  justify-content: center;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}html.howitworksVideoOpen{overflow:hidden}.HowitworksVideo__howitworksVideo__p\+Q8x{content:''}.HowitworksVideo__laptopContainer__GON5I{position:relative;width:100%;padding-bottom:60%}@media screen and (min-width: 1024px){.HowitworksVideo__laptopContainer__GON5I{padding-bottom:0}}.HowitworksVideo__laptop__t2xeQ{position:absolute;top:0;left:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;overflow:hidden;width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:0 auto;background:transparent url("/images/homepage/dashboard.png") no-repeat;background-position:center;background-size:contain}@media screen and (min-width: 1024px){.HowitworksVideo__laptop__t2xeQ{position:static;width:52rem;height:30.5rem}}.HowitworksVideo__modalWrapper__vCaTv{position:relative}.HowitworksVideo__closeButton__Dax58{position:absolute;z-index:1;top:-2rem;right:1rem;cursor:pointer}@media screen and (min-width: 1024px){.HowitworksVideo__closeButton__Dax58{right:-2rem}}@media screen and (max-device-width:767px) and (min-aspect-ratio:14/9){.HowitworksVideo__closeButton__Dax58{top:1rem;right:1rem}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.HowitworksSection__howitworksSection__lMFtv{padding:80px 8px 0;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#fff;background-image:-webkit-linear-gradient(270deg, #2c325e, #404fa2);background-image:-moz-linear-gradient(270deg, #2c325e, #404fa2);background-image:-o-linear-gradient(270deg, #2c325e, #404fa2);background-image:-ms-linear-gradient(270deg, #2c325e, #404fa2);background-image:linear-gradient(180deg, #2c325e, #404fa2)}@media screen and (min-width: 768px){.HowitworksSection__howitworksSection__lMFtv{padding-top:48px;font-size:18px}}@media screen and (min-width: 1024px){.HowitworksSection__howitworksSection__lMFtv{padding:64px 72px 0}}.HowitworksSection__mainHeadline__wpbCL{font-family:"serif", "Georgia", serif;font-weight:300;font-size:32px;line-height:1;text-align:center;color:#ced5df}@media screen and (min-width: 1024px){.HowitworksSection__mainHeadline__wpbCL{font-size:48px}}.HowitworksSection__highlightItems__CnpNR{width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding-bottom:72px}@media screen and (min-width: 1024px){.HowitworksSection__highlightItems__CnpNR{padding-bottom:24px}}.HowitworksSection__textWrapper__cjCSZ{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.HowitworksSection__textWrapper__cjCSZ > .HowitworksSection__joinButtonWrapper__nEinK{display:none}@media screen and (min-width: 1024px){.HowitworksSection__textWrapper__cjCSZ{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;max-width:600px}.HowitworksSection__textWrapper__cjCSZ > .HowitworksSection__joinButtonWrapper__nEinK{display:inline-block}}.HowitworksSection__title__kHHvf{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;left:-2px;position:relative}@media screen and (min-width: 1024px){.HowitworksSection__title__kHHvf{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.HowitworksSection__itemHeadline__2Oyzc{font-weight:600;font-size:30px;line-height:1.25;text-align:center;color:#f4f6fd;font-size:32px}@media screen and (min-width: 1024px){.HowitworksSection__itemHeadline__2Oyzc{width:440px;text-align:left}}.HowitworksSection__itemBullets__BMAvI{width:calc(100vw - 32px);max-width:470px;margin-left:18px;list-style:disc;color:#f88484}@media screen and (min-width: 375px){.HowitworksSection__itemBullets__BMAvI{width:calc(100vw - 65px)}}.HowitworksSection__itemBullets__BMAvI li{margin-top:16px}@media screen and (min-width: 768px){.HowitworksSection__itemBullets__BMAvI li{margin-top:24px}}.HowitworksSection__bulletText__NX46X{color:#ced5df}.HowitworksSection__ordinal__5FsuP{width:48px;height:48px;color:#2c325e;background-color:#edeff1;font-family:"serif", "Georgia", serif;font-weight:500;font-size:32px;line-height:48px;text-align:center;border:1px #fff solid;border-radius:50%;margin-bottom:32px}@media screen and (min-width: 1024px){.HowitworksSection__ordinal__5FsuP{margin-right:24px;margin-bottom:0}}.HowitworksSection__separator__\+N7H1{width:256px;border-top:1px solid #ced5df;margin:48px 0}@media screen and (min-width: 1024px){.HowitworksSection__separator__\+N7H1{display:none}}.HowitworksSection__highlightItem__OU-xG:nth-child(1) .HowitworksSection__ordinal__5FsuP::before{content:'1'}.HowitworksSection__highlightItem__OU-xG:nth-child(2) .HowitworksSection__ordinal__5FsuP::before{content:'2'}.HowitworksSection__highlightItem__OU-xG:nth-child(3) .HowitworksSection__ordinal__5FsuP::before{content:'3'}.HowitworksSection__highlightItem__OU-xG:nth-child(4) .HowitworksSection__ordinal__5FsuP::before{content:'4'}.HowitworksSection__image__x\+6hv{position:relative}.HowitworksSection__videoButtonWrapper__xETf6{width:190px;height:48px;margin-top:32px}.HowitworksSection__videoButtonWrapper__xETf6 button{padding:16px 1rem}@media screen and (min-width: 1024px){.HowitworksSection__videoButtonWrapper__xETf6{margin-left:18px}}.HowitworksSection__videoButtonInnerWrapper__0MaiJ{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;height:100%;color:#3172f5;background-color:#fff}.HowitworksSection__playButtonWrapper__SyljA{position:absolute;top:50%;right:0;width:26px;height:26px;-webkit-transform:translate(-20%,-50%);-moz-transform:translate(-20%,-50%);-o-transform:translate(-20%,-50%);-ms-transform:translate(-20%,-50%);transform:translate(-20%,-50%);background-image:url("/images/icons/play.svg");background-repeat:no-repeat}.HowitworksSection__joinButtonWrapper__nEinK{width:264px;height:48px;margin-top:64px;margin-left:16px;font-size:12px}@media screen and (min-width: 375px){.HowitworksSection__joinButtonWrapper__nEinK{width:280px}}@media screen and (min-width: 768px){.HowitworksSection__joinButtonWrapper__nEinK{width:250px}}@media screen and (min-width: 1024px){.HowitworksSection__joinButtonWrapper__nEinK{width:230px;margin-bottom:48px}}.HowitworksSection__highlightItem__OU-xG{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-top:32px}@media screen and (min-width: 1024px){.HowitworksSection__highlightItem__OU-xG{margin-top:72px;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.HowitworksSection__highlightItem__OU-xG > .HowitworksSection__joinButtonWrapper__nEinK{display:none}}.HowitworksSection__highlightItem__OU-xG:nth-child(1) .HowitworksSection__image__x\+6hv{width:300px;margin-top:32px}@media screen and (min-width: 768px){.HowitworksSection__highlightItem__OU-xG:nth-child(1) .HowitworksSection__image__x\+6hv{width:332px;margin-top:32px}}@media screen and (min-width: 1024px){.HowitworksSection__highlightItem__OU-xG:nth-child(1) .HowitworksSection__image__x\+6hv{width:415px}}@media screen and (min-width: 1280px){.HowitworksSection__highlightItem__OU-xG:nth-child(1) .HowitworksSection__image__x\+6hv{margin-left:24px}}@media screen and (min-width: 1440px){.HowitworksSection__highlightItem__OU-xG:nth-child(1) .HowitworksSection__image__x\+6hv{margin-left:32px}}@media screen and (min-width: 1024px){.HowitworksSection__highlightItem__OU-xG:nth-child(2){-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.HowitworksSection__highlightItem__OU-xG:nth-child(2) .HowitworksSection__image__x\+6hv{width:305px;margin-top:32px}@media screen and (min-width: 768px){.HowitworksSection__highlightItem__OU-xG:nth-child(2) .HowitworksSection__image__x\+6hv{width:512px;margin-top:48px}}@media screen and (min-width: 1024px){.HowitworksSection__highlightItem__OU-xG:nth-child(2) .HowitworksSection__image__x\+6hv{width:512px;margin-right:32px}}@media screen and (min-width: 1440px){.HowitworksSection__highlightItem__OU-xG:nth-child(2) .HowitworksSection__image__x\+6hv{width:550px;top:32px;margin-right:88px}}.HowitworksSection__highlightItem__OU-xG:nth-child(3) .HowitworksSection__image__x\+6hv{width:260px;margin:32px 0 -48px 52px}@media screen and (min-width: 375px){.HowitworksSection__highlightItem__OU-xG:nth-child(3) .HowitworksSection__image__x\+6hv{width:310px}}@media screen and (min-width: 768px){.HowitworksSection__highlightItem__OU-xG:nth-child(3) .HowitworksSection__image__x\+6hv{width:360px}}@media screen and (min-width: 1024px){.HowitworksSection__highlightItem__OU-xG:nth-child(3) .HowitworksSection__image__x\+6hv{width:450px;margin:0 -60px -160px 0}}@media screen and (min-width: 1440px){.HowitworksSection__highlightItem__OU-xG:nth-child(3) .HowitworksSection__image__x\+6hv{width:560px;margin:0 -75px -200px -40px}}@media screen and (min-width: 1024px){.HowitworksSection__highlightItem__OU-xG:nth-child(4){-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-bottom:32px;margin-top:172px}}.HowitworksSection__highlightItem__OU-xG:nth-child(4) .HowitworksSection__image__x\+6hv{width:305px;margin-top:32px;border-radius:5px;box-shadow:1px 10px 13px -1px rgba(0,0,0,0.35)}@media screen and (min-width: 768px){.HowitworksSection__highlightItem__OU-xG:nth-child(4) .HowitworksSection__image__x\+6hv{width:450px}}@media screen and (min-width: 1024px){.HowitworksSection__highlightItem__OU-xG:nth-child(4) .HowitworksSection__image__x\+6hv{width:410px;margin-right:64px}}@media screen and (min-width: 1440px){.HowitworksSection__highlightItem__OU-xG:nth-child(4) .HowitworksSection__image__x\+6hv{width:450px;top:32px;margin-right:88px}}.HowitworksSection__visible320__7jOzK{display:initial}@media screen and (min-width: 375px){.HowitworksSection__visible320__7jOzK{display:none}}.HowitworksSection__visible375__4haW6{display:none}@media screen and (min-width: 375px){.HowitworksSection__visible375__4haW6{display:initial}}.HowitworksSection__earnBreak__rFMrm{display:initial}@media screen and (min-width: 768px){.HowitworksSection__earnBreak__rFMrm{display:none}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Announcement__announcement__FF1vi{font-family:'sans';line-height:1;text-align:center}.Announcement__announcement__FF1vi a{color:;text-decoration:underline}.Announcement__announcement__FF1vi a,.Announcement__announcement__FF1vi h4{font-family:'sans';line-height:1}.Announcement__announcement__FF1vi h4{color:;font-weight:500}@media screen and (min-width: 1024px){.Announcement__announcement__FF1vi{text-align:left}}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.Security__security__vIp1s {
  margin: 0 auto;
}

@media (min-width: 1024px) {

.Security__security__vIp1s {
    padding: 0 4rem;
}
  }

@media (min-width: 1440px) {

.Security__security__vIp1s {
    width: 1024px;
}
  }

.Security__summary__ZRexQ {
  margin: 0 auto;
  max-width: 58rem;
  text-align: center;
}

@media (min-width: 768px) {

.Security__summary__ZRexQ {
    padding: 0 1rem;
}
  }

@media (min-width: 1024px) {

.Security__summary__ZRexQ {
    padding: 0;
}
  }

.Security__summaryTitle__qe0SZ {
  margin-bottom: 1em;
  color: var(--heading-text-color);
  font-size: 2rem;
  line-height: 1.25;
  text-align: center;
}

@media (min-width: 768px) {

.Security__summaryTitle__qe0SZ {
    font-size: 2.375rem;
}
  }

@media (min-width: 1440px) {

.Security__summaryTitle__qe0SZ {
    font-size: 3rem;
}
  }

.Security__summaryText__uGS1a {
  max-width: 52rem;
  margin: 0 auto;
  margin-bottom: 3em;
  color: var(--heading-text-color);
  font-size: 1.5rem;
  line-height: 1.5;
  text-align: center;
}

.Security__blockTitle__9VL47 {
  margin-bottom: 1em;
  color: var(--heading-text-color);
  font-size: 1.5rem;
  line-height: 1.25;
}

.Security__blockText__rYkvv {
  margin-bottom: 3em;
  color: var(--smoke);
  font-size: 1.25rem;
  line-height: 1.5;
}

.Security__partnerLogos__rvb9i {
  display: flex;
  justify-content: space-around;
}

@media (min-width: 768px) {

.Security__partnerLogos__rvb9i {
    margin-top: 1rem;
}
  }

@media (min-width: 1024px) {

.Security__partnerLogos__rvb9i {
    justify-content: space-between;
}
  }

.Security__partnerLogo__Iy-Ig {
  height: 2.25rem;
}

@media (min-width: 375px) {

.Security__partnerLogo__Iy-Ig {
    height: 2.5rem;
}
  }

@media (min-width: 768px) {

.Security__partnerLogo__Iy-Ig {
    height: 5rem;
}
  }

@media (min-width: 1024px) {

.Security__partnerLogo__Iy-Ig {
    height: 6rem;
}
  }

@media (min-width: 1440px) {

.Security__partnerLogo__Iy-Ig {
    height: 7rem;
}
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.Layouts__textCenter__-CT8D {
  text-align: center;
}

.Layouts__flexLayout__vGpM- {}

.Layouts__twoColumnRowLayout__4JhRl {
  display: flex;
  flex-wrap: wrap;
}

.Layouts__twoColumnRowLayout__4JhRl .Layouts__column__gl4kQ {
    width: 100%;
  }

@media (min-width: 768px) {

.Layouts__twoColumnRowLayout__4JhRl .Layouts__column__gl4kQ {
      flex: 1;
      flex-wrap: nowrap;
      width: auto;
      max-width: calc(50% - var(--space-medium) / 2);
  }

      .Layouts__twoColumnRowLayout__4JhRl .Layouts__column__gl4kQ:not(:last-child) {
        margin-right: var(--space-medium);
      }
    }

@media (min-width: 1440px) {

.Layouts__twoColumnRowLayout__4JhRl .Layouts__column__gl4kQ {
      max-width: calc(50% - var(--space-large) / 2);
  }

      .Layouts__twoColumnRowLayout__4JhRl .Layouts__column__gl4kQ:not(:last-child) {
        margin-right: var(--space-large);
      }
    }

@media (min-width: 768px) {

.Layouts__flexLayout__vGpM- .Layouts__twoColumnRowLayout__4JhRl .Layouts__column__gl4kQ {
        display: flex;
    }
      }

.Layouts__singleColumn__P3M0Q {
    position: relative;
    z-index: 1;

    padding: var(--space-medium) 0;
  padding-bottom: 88px;
  min-height: 100vh;
  box-sizing: border-box;
}

@media (min-width: 375px) {

.Layouts__singleColumn__P3M0Q {
      padding: var(--space-medium) var(--space-small);
}
    }

@media (min-width: 415px) {

.Layouts__singleColumn__P3M0Q {
      padding: var(--space-medium) var(--space-default);
}
    }

@media (min-width: 768px) {

.Layouts__singleColumn__P3M0Q {
      padding: var(--space-medium) var(--space-medium);
}
    }

@media (min-width: 1440px) {

.Layouts__singleColumn__P3M0Q {
      padding-right: var(--space-large);
      padding-left: var(--space-large);
}
    }

@media (min-width: 1024px) {

.Layouts__singleColumn__P3M0Q {
    padding-bottom: 48px;
}
  }

@media (min-width: 1440px) {

.Layouts__singleColumn__P3M0Q {
    max-width: 1104px;
}
  }

.Layouts__limitedWidth__ZT-z9 {
  max-width: var(--limited-page-width);
  margin: 0 auto;
}

@media (min-width: 1024px) {

.Layouts__header__RaZc4 {
    margin-bottom: var(--space-medium);
}
  }

.Layouts__aside__FtwCq {
}

.Layouts__sidebarLayout__oyuKj {
  display: flex;
  width: 100%;
}

.Layouts__sidebarLayout__oyuKj > .Layouts__aside__FtwCq {
    height: var(--nav-height-tiny);

    z-index: 2;
    display: flex;
    width: 99.99%; /* Not 100% due to weird iOS bug which turned the top bar black */
    min-width: 100%;
    flex-direction: row;
    flex-shrink: 0;
  }

.Layouts__sidebarLayout__oyuKj > .Layouts__aside__FtwCq:hover {
      z-index: 2;
    }

@media (min-width: 768px) {

.Layouts__sidebarLayout__oyuKj > .Layouts__aside__FtwCq {
      height: var(--nav-height-one-column);
  }
    }

@media (min-width: 1024px) {

.Layouts__sidebarLayout__oyuKj > .Layouts__aside__FtwCq {
      z-index: 1;
      min-width: initial;
      width: var(--nav-width-two-columns);
      height: auto;
  }
    }

@media (min-width: 1440px) {

.Layouts__sidebarLayout__oyuKj > .Layouts__aside__FtwCq {
      width: var(--nav-width-large);
  }
    }

.Layouts__sidebarLayout__oyuKj > .Layouts__main__Blgt9 {
    min-width: 0;
    min-height: 100vh;
    flex-grow: 1;
    margin-left: -41.3rem;

    /*
      this `41.3rem` workaround is needed for tablets to eliminate weird white area below the sidebar.
      https://tangle.atlassian.net/browse/FRO-372
      `41.3rem` is more then any width of a sidebar
    */
    border-left: 41.3rem solid var(--slate);
  }

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {

.Layouts__sidebarLayout__oyuKj > .Layouts__main__Blgt9 {
      width: 0;
  }
    }

@media (max-width: 1023px) {

.Layouts__sidebarLayout__oyuKj > .Layouts__main__Blgt9 {
      width: 100%;
      min-height: calc(100vh - var(--nav-height-one-column));
  }
    }

.Layouts__sidebarLayout__oyuKj.Layouts__sidebarTopLayer__cBIfo > .Layouts__aside__FtwCq {
      z-index: 2;
    }

.Layouts__sidebarLayout__oyuKj.Layouts__sidebarTopLayer__cBIfo > .Layouts__main__Blgt9 {
      z-index: 1;
    }

@media (max-width: 1023px) {

.Layouts__sidebarLayout__oyuKj {
    flex-direction: column;
}
  }

.Layouts__centeredColumnWrapper__S1Tdm {
  text-align: center;
}

.Layouts__centeredColumn__gcEB1 {
  display: inline-block;
  width: 100%;
  max-width: 588px;

  text-align: left;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.InternalLayout__container__3N95n{min-height:100vh;width:100%}@media screen and (min-width: 1024px){.InternalLayout__container__3N95n{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}}.InternalLayout__header__QmDpx{position:fixed;top:-2px;padding-top:2px;left:0;right:0;z-index:7;-webkit-transition:-webkit-transform 250ms ease;-moz-transition:-moz-transform 250ms ease;-o-transition:-o-transform 250ms ease;-ms-transition:-ms-transform 250ms ease;transition:transform 250ms ease}.InternalLayout__header__QmDpx.InternalLayout__isMobileSidebarHidden__dr4Xj{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.InternalLayout__animationDisabled__8tIUT .InternalLayout__header__QmDpx{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none}@media screen and (min-width: 415px){.InternalLayout__animationDisabled__8tIUT .InternalLayout__header__QmDpx{-webkit-transition:-webkit-transform 250ms ease;-moz-transition:-moz-transform 250ms ease;-o-transition:-o-transform 250ms ease;-ms-transition:-ms-transform 250ms ease;transition:transform 250ms ease}}@media screen and (min-width: 768px){.InternalLayout__header__QmDpx{top:0;padding-top:0}}@media screen and (min-width: 1024px){.InternalLayout__header__QmDpx{position:relative;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;height:100%;-webkit-flex-shrink:0;flex-shrink:0;width:272px}}@media screen and (min-width: 1440px){.InternalLayout__header__QmDpx{width:336px}}.InternalLayout__sidebar__GwAJI{position:relative;z-index:3;width:100%;height:64px}@media screen and (min-width: 768px){.InternalLayout__sidebar__GwAJI{height:80px}}@media screen and (min-width: 1024px){.InternalLayout__sidebar__GwAJI{height:inherit;width:inherit}}.InternalLayout__stickyHeader__V51Q5{position:absolute;top:100%;left:0;right:0;z-index:1;-webkit-transition:-webkit-transform 250ms ease;-moz-transition:-moz-transform 250ms ease;-o-transition:-o-transform 250ms ease;-ms-transition:-ms-transform 250ms ease;transition:transform 250ms ease;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);box-shadow:0 2px 4px 0 rgba(0,0,0,0.5)}.InternalLayout__stickyHeader__V51Q5.InternalLayout__isShown__0v36W{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.InternalLayout__animationDisabled__8tIUT .InternalLayout__stickyHeader__V51Q5{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;box-shadow:none}@media screen and (min-width: 415px){.InternalLayout__animationDisabled__8tIUT .InternalLayout__stickyHeader__V51Q5{box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);-webkit-transition:-webkit-transform 250ms ease;-moz-transition:-moz-transform 250ms ease;-o-transition:-o-transform 250ms ease;-ms-transition:-ms-transform 250ms ease;transition:transform 250ms ease}}@media screen and (min-width: 1024px){.InternalLayout__stickyHeader__V51Q5{display:none}}.InternalLayout__notifications__zi\+21{z-index:2;position:absolute;top:100%;width:100%;left:0}@media screen and (min-width: 1024px){.InternalLayout__notifications__zi\+21{width:unset;left:unset;right:0}}.InternalLayout__isMobileSidebarHidden__dr4Xj .InternalLayout__notifications__zi\+21:not(.InternalLayout__isNotificationsExpanded__ib5vr){visibility:hidden}.InternalLayout__content__fV6cY{position:relative;margin-top:64px;background:#f5f6f7}@media screen and (min-width: 768px){.InternalLayout__content__fV6cY{margin-top:80px}}@media screen and (min-width: 1024px){.InternalLayout__content__fV6cY{margin-top:0;overflow-x:hidden;-webkit-flex-shrink:1;flex-shrink:1;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}}.InternalLayout__footer__RbYw\+{position:fixed;left:0;right:0;bottom:0;z-index:2;-webkit-transition:-webkit-transform 250ms ease;-moz-transition:-moz-transform 250ms ease;-o-transition:-o-transform 250ms ease;-ms-transition:-ms-transform 250ms ease;transition:transform 250ms ease;height:64px}.InternalLayout__footer__RbYw\+.InternalLayout__isMobileSidebarHidden__dr4Xj{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait),only screen and (min-device-width: 414px) and (min-device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait){.InternalLayout__footer__RbYw\+{height:72px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Navigation__compact__xnKoY{content:''}.Navigation__navigation__qjWHq{background-color:#0b0014;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;position:absolute;top:0;width:100%}.Navigation__navigation__qjWHq:not(.Navigation__compact__xnKoY){height:auto;min-height:inherit;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1024px){.Navigation__navigation__qjWHq:not(.Navigation__compact__xnKoY){height:100%}}@media screen and (min-width: 1024px){.Navigation__navigation__qjWHq:not(.Navigation__compact__xnKoY){-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-top:1px solid #1c2234}}.Navigation__itemsWrapper__vEzG0{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0}.Navigation__compact__xnKoY .Navigation__itemsWrapper__vEzG0{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.Navigation__itemWrapper__qAzV9{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.Navigation__itemWrapper__qAzV9.Navigation__withCompact__Janyo{width:25%}@media (min-width:400px){.Navigation__itemWrapper__qAzV9{min-width:80px}}.Navigation__buttonButtonsWrapper__ITWCC{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-top:1px solid #1c2234}.Navigation__button__Irzwd{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#0b0014;color:rgba(206,213,223,0.5);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-flex-basis:50%;flex-basis:50%;height:48px;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;padding-right:16px;-webkit-transition:color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.Navigation__button__Irzwd:first-of-type{-webkit-box-pack:initial;-moz-box-pack:initial;-o-box-pack:initial;-ms-flex-pack:initial;-webkit-justify-content:initial;justify-content:initial;padding-left:16px}.Navigation__button__Irzwd:hover{color:#fff;background:#3c425a}.Navigation__button__Irzwd .Navigation__icon__gAm9p{margin-right:16px;width:20px;height:20px}.Navigation__icon__gAm9p{width:24px;height:24px}.Navigation__icon__gAm9p + .Navigation__text__r9K91{margin-left:-4px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.NavigationItem__navigationItem__ihE7L{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:52px;padding:12px 24px;color:#ced5df;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:17px;line-height:1;cursor:pointer;background-color:#0b0014;-webkit-transition:color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}@media (hover:hover){.NavigationItem__navigationItem__ihE7L:not(.NavigationItem__active__IVAh-):hover{color:#f5f6f7;background-color:#1c2234}.NavigationItem__navigationItem__ihE7L:not(.NavigationItem__active__IVAh-):hover::after{content:'';position:absolute;background-color:#173775;left:0;top:0;width:8px;height:100%}.NavigationItem__navigationItem__ihE7L:not(.NavigationItem__active__IVAh-):hover.NavigationItem__compact__jE5KU::after{content:'';position:absolute;background-color:#173775;top:initial;bottom:0;left:0;width:100%;height:4px}}.NavigationItem__navigationItem__ihE7L.NavigationItem__nested__v23TL{font-size:16px;font-weight:400;font-family:'sans';height:42px;padding:12px 24px 12px 52px;color:#ced5df}.NavigationItem__navigationItem__ihE7L.NavigationItem__active__IVAh-{background-color:#1c2234;color:#fff;cursor:default}.NavigationItem__navigationItem__ihE7L.NavigationItem__active__IVAh-::after{content:'';position:absolute;background-color:#3172f5;left:0;top:0;width:8px;height:100%}.NavigationItem__navigationItem__ihE7L.NavigationItem__compact__jE5KU{padding:8px 0 0;font-size:11px;text-align:center;width:100%;height:64px;display:inline-block}@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait),only screen and (min-device-width: 414px) and (min-device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait){.NavigationItem__navigationItem__ihE7L.NavigationItem__compact__jE5KU{height:72px}}.NavigationItem__navigationItem__ihE7L.NavigationItem__compact__jE5KU.NavigationItem__active__IVAh-::after{content:'';position:absolute;background-color:#3172f5;top:initial;bottom:0;left:0;width:100%;height:4px}.NavigationItem__innerWrapper__uHmkA{position:relative;display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%}.NavigationItem__compact__jE5KU .NavigationItem__innerWrapper__uHmkA{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:initial;margin-top:3px}.NavigationItem__analytics__2dYjS{display:block}.NavigationItem__icon__jc3cV{color:#6a7185;position:relative;width:28px;height:28px}.NavigationItem__active__IVAh- .NavigationItem__icon__jc3cV{color:#ced5df}.NavigationItem__nested__v23TL .NavigationItem__icon__jc3cV{width:20px;height:20px}.NavigationItem__icon__jc3cV + .NavigationItem__text__iln8T{margin-left:16px}.NavigationItem__nested__v23TL .NavigationItem__icon__jc3cV + .NavigationItem__text__iln8T{margin-left:20px}.NavigationItem__compact__jE5KU .NavigationItem__icon__jc3cV + .NavigationItem__text__iln8T{margin:6px 0 4px 0}.NavigationItem__counter__Xsizb{position:absolute}.NavigationItem__opportunities__R2SQN,.NavigationItem__feedposts__-rtjo{border:2px solid #1c2234;border-radius:50%;left:18px;top:-9px}.NavigationItem__compact__jE5KU .NavigationItem__opportunities__R2SQN,.NavigationItem__compact__jE5KU .NavigationItem__feedposts__-rtjo{--counter-size:16px;--counter-font-size:12px;top:-6px;left:56%}.NavigationItem__active__IVAh- .NavigationItem__opportunities__R2SQN,.NavigationItem__active__IVAh- .NavigationItem__feedposts__-rtjo{border-color:#3c425a}.NavigationItem__rewards__vDHs9{right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);--counter-font-size:16px}.NavigationItem__compact__jE5KU .NavigationItem__rewards__vDHs9{display:none}.NavigationItem__lock__-qHx-{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.NavigationItem__lock__-qHx-:empty{display:none}.NavigationItem__serifNav__sDfy5{font-family:'serif'}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Counter__counter__kFYIh{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:var(--counter-font-size,13px);text-align:center;-webkit-transition:-webkit-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 150ms;-moz-transition:-moz-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 150ms;-o-transition:-o-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 150ms;-ms-transition:-ms-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 150ms;transition:transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 150ms}.Counter__counterText__TiSZc{position:relative;top:1px}.Counter__round__LRjI7{border-radius:50%;height:var(--counter-size,20px);line-height:var(--counter-size,19px);min-width:var(--counter-size,20px)}.Counter__square__uzs2O{border-radius:8px;height:28px;line-height:28px;min-width:45px;padding:0 8px}.Counter__green__2fSSc{background:#57bd39;color:#fff}.Counter__golden__N9Bcs{background:-webkit-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-moz-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-o-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-ms-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:linear-gradient(-45deg, #f5dd4e, #eaf639, #f8e71c);color:#4d556c}.Counter__enter__GDTSb{opacity:.01;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.Counter__enterActive__METQw,.Counter__leave__vpJ-3{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.Counter__leaveActive__yhkSJ{opacity:.01;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PremiumOnlyIcon__premiumOnlyIcon__cNEeh{width:24px;height:24px}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --main-pane-height: calc(100vh - var(--nav-height-tiny));
}

.InternalSidebar__internalSidebar__wVQi0 {
  /* Component-scoped variable to avoid global :root collision with other --bg-color definitions */
  --sidebar-bg-color: var(--shadow);
  position: fixed;

  z-index: 2;

  display: flex;

  width: inherit;
  height: inherit;
  flex-direction: column;
}

@media (min-width: 1024px) {

.InternalSidebar__internalSidebar__wVQi0 {
    height: 100%;
}
  }

.InternalSidebar__mainPane__Df\+UW {
  position: absolute;
  top: 100%;
  right: 0;
  display: flex;
  width: 100%;
  z-index: 1;

  height: var(--main-pane-height);

  flex-direction: column;
  flex-grow: 1;

  color: var(--snow);
  will-change: transform;

  transition: transform var(--default) var(--ease-out);
  transform: translateY(-100%);
}

.InternalSidebar__mainPane__Df\+UW.InternalSidebar__descended__hGzl3 {
    transition: transform var(--default) var(--ease-in);
    transform: translateY(0);
  }

@media (min-width: 415px) {

.InternalSidebar__mainPane__Df\+UW {
    width: var(--nav-width-one-column);
}
  }

@media (min-width: 1024px) {

.InternalSidebar__mainPane__Df\+UW {
    position: static;
    width: 100%;
    height: 100%;

    max-height: calc(100vh - var(--nav-height-two-columns));
}
  }

.InternalSidebar__floating__bCTlt {
  /*
    TODO: restore the box-shadow
    Issue case: iPad, portrait orientation, any pane is opened
   */
  /* box-shadow: 0 2.5px 1.5px 0 rgba(0, 0, 0, .1); */
}

.InternalSidebar__panesWrapper__etLb9 {
  position: relative;
  height: 100%;
  min-height: calc(100vh - var(--nav-height-tiny));
}

@media (min-width: 415px) {

.InternalSidebar__panesWrapper__etLb9 {
    min-height: initial;
}
  }

@media (min-width: 1024px) {

.InternalSidebar__panesWrapper__etLb9 {
    min-height: 650px;
    height: calc(100vh - var(--nav-height-two-columns));
}
  }

.InternalSidebar__descendingPane__9niKv {
  will-change: transform;
  transition: transform var(--default) var(--ease-out);
  transform: translateY(-100%);
  position: relative;
  background: var(--shade);
  height: 100vh;
}

@media (min-width: 415px) {

.InternalSidebar__descendingPane__9niKv {
    height: auto;
    min-height: 10rem;
}
  }

@media (min-width: 1024px) {

.InternalSidebar__descendingPane__9niKv {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: initial;
    min-height: 100vh;
}
  }

.InternalSidebar__descendingPane__9niKv.InternalSidebar__descended__hGzl3 {
    transition: transform var(--default) var(--ease-in);
    transform: translateY(0);
  }

.InternalSidebar__header__frHjK {
  display: flex;

  height: 100%;

  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--space-default);

  background-color: var(--sidebar-bg-color);
  z-index: 2;
}

@media (min-width: 768px) {

.InternalSidebar__header__frHjK {
    padding: 0 24px;
}
  }

@media (min-width: 1024px) {

.InternalSidebar__header__frHjK {
    height: var(--nav-height-two-columns);
    padding: 0 16px 0 24px;
    justify-content: left;
}
  }

.InternalSidebar__notificationsTrayButton__iRbwl {
  display: flex;
  align-items: center;
  order: 1;
  position: absolute;
  left: 24px;
}

@media (min-width: 1024px) {

.InternalSidebar__notificationsTrayButton__iRbwl {
    position: inherit;
    order: 3;
    margin-right: var(--space-tiny);
}
  }

.InternalSidebar__notificationsTrayButtonWrapper__uF8WP {
  width: 24px;
  height: 24px;
}

.InternalSidebar__logo__oy6a7 {
  order: 2;
  margin: 0 auto;
}

@media (min-width: 1024px) {

.InternalSidebar__logo__oy6a7 {
    margin: 0;
    order: 1;
}
  }

.InternalSidebar__buttons__eijx4 {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  order: 3;
  position: absolute;
  right: 16px;
}

@media (min-width: 1024px) {

.InternalSidebar__buttons__eijx4 {
    position: relative;
    margin-left: auto;
    margin-right: var(--space-tiny);
    right: 0;
    order: 2;
}
  }

.InternalSidebar__peergroupsButtonWrapper__AjIT8 {
  margin: 0 2.1rem 0 auto;
}

.InternalSidebar__navigationButton__qtMpF {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 var(--nav-pane-h-padding-tiny);
  opacity: .8;
  transition: opacity var(--fast) var(--ease-out);
}

@media (min-width: 768px) {

.InternalSidebar__navigationButton__qtMpF {
    padding: 0 var(--nav-pane-h-padding-one-column);
}
  }

@media (min-width: 1024px) {

.InternalSidebar__navigationButton__qtMpF {
    right: 0;
    height: auto;
    padding: 28px 16px;
}
  }

.InternalSidebar__navigation__cylHX {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--sidebar-bg-color);
  color: var(--snow);
}

.InternalSidebar__navigation__cylHX:hover .InternalSidebar__navigationButton__qtMpF {
      opacity: 1;
    }

.InternalSidebar__menuButton__-yzaJ {
  color: var(--salt);
}

.InternalSidebar__counterContainer__xaWCm {
  position: absolute;
  width: 0;
  height: 0;
  top: 7px;
  right: 7px;
  pointer-events: none;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.SidebarBackButton__sidebarBackButton__ZcR\+h {
  position: relative;
  transition: transform var(--fast) var(--ease-out);
  display: flex;
  align-items: center;
  color: var(--salt);
}

@media (min-width: 1024px) {

.SidebarBackButton__sidebarBackButton__ZcR\+h {
    display: initial;
}
  }

@media not all and (min-width: 1024px) {

.SidebarBackButton__sidebarBackButton__ZcR\+h {
    transform: none !important;
}
  }

.SidebarBackButton__iconWrapper__qOqQX {
  width: 28px;
  height: 28px;
  transform: scaleX(-1);
  color: var(--salt);
  display: inline-block;
}

@media (min-width: 1024px) {

.SidebarBackButton__iconWrapper__qOqQX {
    display: inline-block;
}
  }

.SidebarBackButton__backText__TWpaJ {
  display: inline-block;
  text-transform: uppercase;
  margin-left: 8px;
  font-weight: 600;
  font-size: 12px;
}

@media (min-width: 1024px) {

.SidebarBackButton__backText__TWpaJ {
    margin-top: 12px;
    margin-left: 0;
    display: block;
}
  }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.KebabButton__kebabButton__Yzcy6{width:48px;height:48px;padding:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.PeergroupForm__textCenter__kaxa5 {
  text-align: center;
}

.PeergroupForm__peergroupForm__hZLxw {
    height: auto;
    min-height: inherit;
    box-sizing: border-box;

  position: relative;

  box-sizing: border-box;
  padding: 64px var(--nav-pane-h-padding-tiny) 24px;

  background-color: var(--shadow);
    padding-left: var(--nav-pane-h-padding-tiny);
    padding-right: var(--nav-pane-h-padding-tiny);
}

@media (min-width: 1024px) {

.PeergroupForm__peergroupForm__hZLxw {
      height: 100%;
}
    }

@media (min-width: 768px) {

.PeergroupForm__peergroupForm__hZLxw {
      padding-right: var(--nav-pane-h-padding-one-column);
      padding-left: var(--nav-pane-h-padding-one-column);
}
    }

@media (min-width: 1024px) {

.PeergroupForm__peergroupForm__hZLxw {
      padding-right: var(--nav-padding-h-padding-two-columns);
      padding-left: var(--nav-padding-h-padding-two-columns);
}
    }

@media (min-width: 1440px) {

.PeergroupForm__peergroupForm__hZLxw {
      padding-right: var(--nav-padding-h-padding-large);
      padding-left: var(--nav-padding-h-padding-large);
}
    }

@media (min-width: 768px) and (max-width: 1023px) {

.PeergroupForm__peergroupForm__hZLxw {
    height: 710px;
}
  }

.PeergroupForm__groupSizePlace__tQdNZ {
  position: relative;
  text-align: right;
}

.PeergroupForm__groupSizeWrapper__PwzOP {
  position: absolute;
  right: 0;
  bottom: 16px;
  padding: 5px 10px;

  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background-color: var(--merlot);
  transition: background-color var(--slow) var(--ease-out);
}

.PeergroupForm__groupSizeWrapper__PwzOP.PeergroupForm__groupTooSmall__8pJlZ {
    background-color: var(--danger);
  }

.PeergroupForm__groupSizeWrapper__PwzOP.PeergroupForm__groupSearching__y7rzr {
    background: var(--smoke);
  }

.PeergroupForm__groupSize__WbApE {
  color: var(--light-text-color);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

.PeergroupForm__tooltipContainer__FeiBn {
    position: absolute;
    z-index: 11;
    bottom: calc(100% + .48rem);
    left: 50%;
    display: inline-block;
    visibility: hidden;
    transform: translateY(0) translateX(-50%);
    opacity: 0;
    transition: opacity var(--fast) var(--ease-out-quint), transform var(--fast) var(--ease-out-quint);
  top: calc(100% + 4px);
  width: 112px;
  z-index: 1;
}

.PeergroupForm__groupTooSmall__8pJlZ:not(.PeergroupForm__groupSearching__y7rzr) .PeergroupForm__tooltipContainer__FeiBn {
    visibility: visible;
    transform: translateY(.34rem) translateX(-50%);
    opacity: 1;
  }

.PeergroupForm__fieldRow__8h4Sb {
  display: flex;
  align-items: flex-start;
  padding-bottom: 44px;
}

.PeergroupForm__fieldRow__8h4Sb:last-child {
    padding-bottom: 36px;
  }

.PeergroupForm__fieldWrapper__QPJfA {
  flex-grow: 1;
  font-size: 16px;
  max-height: 32px;
}

.PeergroupForm__fieldWrapper__QPJfA input {
    bottom: 0;
    /* TODO @pmyagkov make a `TextField` parameterized with a `theme` props */
    color: var(--light-text-color);
  }

.PeergroupForm__fieldWrapper__QPJfA label {
    color: var(--light-text-color);
  }

/* BUTTONS
------------------------------------------------------- */

.PeergroupForm__addFilterButtonWrapper__xOFOy {
  position: relative;
}

.PeergroupForm__addFilterButton__QB-sT {
  display: flex;
  align-items: center;
  font-size: 1rem;
  padding: 0;
  text-transform: none;
}

.PeergroupForm__cancelButtonWrapper__-haeG {
  margin-top: 1rem;
  text-align: center;
}

/* ICONS
------------------------------------------------------- */

.PeergroupForm__addFilterIcon__88WMF,
.PeergroupForm__deleteFilterIcon__l9heo,
.PeergroupForm__fieldIcon__up2xW {
  display: inline-block;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  padding: 0;
  background-size: contain;
  border-radius: 100%;

  margin-right: var(--nav-pane-h-padding-tiny);
}

@media (min-width: 768px) {

.PeergroupForm__addFilterIcon__88WMF,
.PeergroupForm__deleteFilterIcon__l9heo,
.PeergroupForm__fieldIcon__up2xW {
    margin-right: var(--nav-pane-h-padding-one-column);
}
  }

@media (min-width: 1024px) {

.PeergroupForm__addFilterIcon__88WMF,
.PeergroupForm__deleteFilterIcon__l9heo,
.PeergroupForm__fieldIcon__up2xW {
    margin-right: var(--nav-padding-h-padding-two-columns);
}
  }

@media (min-width: 1440px) {

.PeergroupForm__addFilterIcon__88WMF,
.PeergroupForm__deleteFilterIcon__l9heo,
.PeergroupForm__fieldIcon__up2xW {
    margin-right: var(--nav-padding-h-padding-large);
}
  }

.PeergroupForm__addFilterIcon__88WMF {
  background: url("/images/icons/plus.svg") no-repeat;
}

.PeergroupForm__deleteFilterIcon__l9heo {
  background: url("/images/icons/x-circle.svg") no-repeat;
}

.PeergroupForm__fieldIcon__up2xW {
  background: var(--merlot);
}

/* FILTER OPTIONS
------------------------------------------------------- */

.PeergroupForm__filtersPopup__wNfvp {
  font-size: 14px;

  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, .1);
  background: var(--salt);
  text-align: center;
}

.PeergroupForm__filterOption__b837e {
  padding: 12px 0;
}

.PeergroupForm__popupHeader__Y-rz4 + .PeergroupForm__filterOption__b837e {
    padding-top: 16px;
  }

.PeergroupForm__filterOption__b837e:last-child {
    padding-bottom: 16px;
  }

.PeergroupForm__popupHeader__Y-rz4 {
  color: var(--heading-text-color);
  font-size: 18px;
  line-height: 1.2;
  padding: 16px 0;

  border-bottom: 1px solid rgba(0, 0, 0, .2);
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SidebarGroups__container__1aqch{height:auto;min-height:inherit;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#1c2234;padding:24px calc(16px - 8px) 24px 16px}@media screen and (min-width: 768px){.SidebarGroups__container__1aqch{padding:24px calc(24px - 8px) 48px 24px}}@media screen and (min-width: 1024px){.SidebarGroups__container__1aqch{height:100%;padding-left:16px;padding-right:calc(16px - 8px)}}@media screen and (min-width: 1440px){.SidebarGroups__container__1aqch{padding-left:24px;padding-right:calc(24px - 8px)}}.SidebarGroups__preloader__10mSW{height:calc(100vh - 64px)}@media screen and (min-width: 768px){.SidebarGroups__preloader__10mSW{height:calc(100vh - 80px)}}@media screen and (min-width: 1024px){.SidebarGroups__preloader__10mSW{height:calc(100vh - 92px)}}.SidebarGroups__baseItem__p4EHP{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.SidebarGroups__baseItem__p4EHP + .SidebarGroups__baseItem__p4EHP{padding:12px 0}.SidebarGroups__baseItem__p4EHP + .SidebarGroups__textSeparator__wZwl6{margin-top:20px}.SidebarGroups__addIconWrapper__Csjb-{-webkit-flex-shrink:0;flex-shrink:0;position:relative;width:24px;height:24px}.SidebarGroups__addIcon__953KI{position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:2px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#b06078;color:#3c425a;font-size:14px;font-weight:700;line-height:16px;text-align:center}.SidebarGroups__linkText__8CSGn{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;margin-left:16px;color:#fff;font-weight:400}.SidebarGroups__item__X9KKG{cursor:default}.SidebarGroups__item__X9KKG.SidebarGroups__selectable__iDdg\+{cursor:pointer}.SidebarGroups__itemTextWrapper__qWZfQ{overflow:hidden;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;margin-left:16px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.SidebarGroups__itemText__QPYHW{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-flex-shrink:1;flex-shrink:1;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;font-family:"sans", "Arial", sans-serif;font-size:ans-family;font-size:16px;font-weight:400;color:#fff}.SidebarGroups__selected__WW1Ff .SidebarGroups__itemText__QPYHW{font-weight:500}.SidebarGroups__checkmark__c7FZ4{-webkit-flex-shrink:0;flex-shrink:0;position:relative;height:24px;width:24px;border-radius:50%;border:2px solid #404fa2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.SidebarGroups__checkmark__c7FZ4::before{content:'';position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:50%;-webkit-transition:all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);height:0;width:0}.SidebarGroups__oxford__Yh-9v .SidebarGroups__checkmark__c7FZ4{border-color:#404fa2;background-color:#404fa2}.SidebarGroups__oxford__Yh-9v .SidebarGroups__checkmark__c7FZ4::before{background-color:#404fa2}.SidebarGroups__coral__F3L-N .SidebarGroups__checkmark__c7FZ4{border-color:#f88484;background-color:#f88484}.SidebarGroups__coral__F3L-N .SidebarGroups__checkmark__c7FZ4::before{background-color:#f88484}.SidebarGroups__merlot__tixvI .SidebarGroups__checkmark__c7FZ4{border-color:#b06078;background-color:#b06078}.SidebarGroups__merlot__tixvI .SidebarGroups__checkmark__c7FZ4::before{background-color:#b06078}.SidebarGroups__smoke__iFjtF .SidebarGroups__checkmark__c7FZ4{border-color:#8c95a5;background-color:#8c95a5}.SidebarGroups__smoke__iFjtF .SidebarGroups__checkmark__c7FZ4::before{background-color:#8c95a5}.SidebarGroups__selected__WW1Ff .SidebarGroups__checkmark__c7FZ4::before{opacity:1;-ms-filter:none;filter:none;height:16px;width:16px}.SidebarGroups__selectable__iDdg\+ .SidebarGroups__checkmark__c7FZ4{background-color:transparent}.SidebarGroups__itemIcon__C9hPv{margin:0 8px;-webkit-flex-shrink:0;flex-shrink:0}.SidebarGroups__textSeparator__wZwl6{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:40px;font-family:"sans", "Arial", sans-serif;font-size:ans-family;font-size:12px;line-height:20px;text-transform:uppercase;color:#8c95a5}.SidebarGroups__textSeparator__wZwl6 + .SidebarGroups__baseItem__p4EHP{margin-top:8px;margin-bottom:12px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SidebarGroupsItemChevron__chevron__21E2J{width:16px;height:16px;margin-left:8px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.SidebarGroupsItemChevron__chevron__21E2J.SidebarGroupsItemChevron__satin__IvFC-{color:#edeff1}.SidebarGroupsItemChevron__chevron__21E2J.SidebarGroupsItemChevron__success__gJfYk{color:#57bd39}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PremiumOnly__premiumOnly__DOlgz{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.PremiumOnly__content__goTZu{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-shrink:1;flex-shrink:1;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Peergroups__addItem__2FFH\+{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SidebarPopupPlace__popupPlace__Vg7Oi{position:absolute;z-index:2;top:0;pointer-events:none;max-height:inherit}@media screen and (min-width: 1024px){.SidebarPopupPlace__popupPlace__Vg7Oi{top:16px}}.SidebarPopupPlace__popupPlace__Vg7Oi.SidebarPopupPlace__fill__dn3Dn{right:0;bottom:0;left:0}.SidebarPopupPlace__popupPlace__Vg7Oi.SidebarPopupPlace__left__\+0AZi{right:100%;width:364px}.SidebarPopupPlace__popupPlace__Vg7Oi.SidebarPopupPlace__right__1eQOn{left:100%;width:364px}.SidebarPopupPlace__positioner__\+rFWj{height:100%;max-height:inherit;pointer-events:all;box-shadow:2px 4px 19px 1px rgba(0,0,0,0.35);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:-moz-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:-o-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:-ms-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.SidebarPopupPlace__popupWrapper__lR5XY{min-height:100%;height:100%}.SidebarPopupPlace__rightCorners__tIzda .SidebarPopupPlace__positioner__\+rFWj{border-top-right-radius:5px;border-bottom-right-radius:5px}.SidebarPopupPlace__arrow__Y3Q77{border-bottom:12px solid transparent;border-left:12px solid #fff;border-top:12px solid transparent;display:block;height:0;position:absolute;top:50%;width:0;z-index:1;-webkit-transition:top 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:top 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:top 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:top 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:top 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.SidebarPopupPlace__left__\+0AZi .SidebarPopupPlace__arrow__Y3Q77{right:-10px;left:auto}.SidebarPopupPlace__right__1eQOn .SidebarPopupPlace__arrow__Y3Q77{right:auto;left:-10px;-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SidebarPeergroupPopup__groupSize__jRMvQ{font-family:"AtlasGrotesk", "Helvetica", sans-serif;font-weight:500;font-size:13px;line-height:1.2;padding:7px;border-radius:3px;color:#fff}.SidebarPeergroupPopup__groupSize__jRMvQ.SidebarPeergroupPopup__oxford__Ath8b{background-color:#404fa2}.SidebarPeergroupPopup__groupSize__jRMvQ.SidebarPeergroupPopup__coral__Rcmqu{background-color:#f88484}.SidebarPeergroupPopup__groupSize__jRMvQ.SidebarPeergroupPopup__merlot__zY3CU{background-color:#b06078}.SidebarPeergroupPopup__footer__q6F6w{margin-top:16px}.SidebarPeergroupPopup__footerRow__nK3Fv:not(:first-child){margin-top:16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SidebarPopup__popup__IvePL{position:relative;height:auto;min-height:inherit;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:24px 16px 24px;background-color:#fff;border:1px solid #ced5df;text-align:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.SidebarPopup__popup__IvePL.SidebarPopup__stretchHeight__ovQno{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.SidebarPopup__popup__IvePL.SidebarPopup__allCorners__HGEmS{border-radius:5px}.SidebarPopup__popup__IvePL.SidebarPopup__rightCorners__-oaa7{border-top-right-radius:5px;border-bottom-right-radius:5px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SidebarPopupBackButton__backButton__i4c3h{width:30px;height:30px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SidebarPopupHeader__header__-vwzb{position:relative;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;white-space:normal}.SidebarPopupHeader__headerTitle__O2KiX{font-family:"sans", "Arial", sans-serif;font-weight:700;font-size:18px;line-height:1.2;color:#3c425a;text-align:center}.SidebarPopupHeader__headerLeft__9R5MH{display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 40px;-ms-flex:0 0 40px;flex:0 0 40px;padding-left:8px;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}@media screen and (min-width: 415px){.SidebarPopupHeader__headerLeft__9R5MH{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 72px;-ms-flex:0 0 72px;flex:0 0 72px}}.SidebarPopupHeader__headerRight__GZeE1{display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 40px;-ms-flex:0 0 40px;flex:0 0 40px;padding-left:8px;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}@media screen and (min-width: 415px){.SidebarPopupHeader__headerRight__GZeE1{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 72px;-ms-flex:0 0 72px;flex:0 0 72px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PeergroupMenuPopup__toSettings__9VdTG{content:'';width:16px;height:16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;background:url("/images/icons/pen.svg") no-repeat;background-size:contain}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.NotificationTrayButton__toggler__rlRuz{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#f5f6f7;border-radius:0 0 3px 3px;border-top:none;border:solid 1px #afbac6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:6px 8px;-webkit-transition:-webkit-transform 250ms;-moz-transition:-moz-transform 250ms;-o-transition:-o-transform 250ms;-ms-transition:-ms-transform 250ms;transition:transform 250ms}.NotificationTrayButton__counterValue__JIXIA{line-height:1;opacity:1;-ms-filter:none;filter:none;position:relative;top:1px;position:relative}@media screen and (min-width: 415px){.NotificationTrayButton__counterValue__JIXIA{top:0}}.NotificationTrayButton__counter__rg4fc{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#e34242;border-radius:50%;border:1px solid #1c2234;color:#fff;display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:17px;height:17px;-webkit-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.NotificationTrayButton__counter__rg4fc .NotificationTrayButton__cross__ao5-g{height:0;opacity:1;-ms-filter:none;filter:none;-webkit-transform-origin:2px 4px;-moz-transform-origin:2px 4px;-o-transform-origin:2px 4px;-ms-transform-origin:2px 4px;transform-origin:2px 4px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);width:0}.NotificationTrayButton__counter__rg4fc.NotificationTrayButton__expanded__Fhl0V .NotificationTrayButton__counterValue__JIXIA{display:none}.NotificationTrayButton__counter__rg4fc.NotificationTrayButton__expanded__Fhl0V .NotificationTrayButton__cross__ao5-g{height:12px;margin-left:-2px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.NotificationTrayButton__counter__rg4fc.NotificationTrayButton__expanded__Fhl0V .NotificationTrayButton__cross__ao5-g:before,.NotificationTrayButton__counter__rg4fc.NotificationTrayButton__expanded__Fhl0V .NotificationTrayButton__cross__ao5-g:after{height:12px;width:2px}.NotificationTrayButton__togglerText__qrcoj{color:#3c425a;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:13px;line-height:1.2;margin-left:5px}.NotificationTrayButton__togglerArrow__FsJww{background:url("/images/icons/chevron-notifications.svg") 0 0 no-repeat;margin-left:5px;width:11px;height:7px;-webkit-transition:-webkit-transform 650ms;-moz-transition:-moz-transform 650ms;-o-transition:-o-transform 650ms;-ms-transition:-ms-transform 650ms;transition:transform 650ms}.NotificationTrayButton__togglerArrow__FsJww.NotificationTrayButton__expanded__Fhl0V{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.NotificationTrayButton__bell__6EgJI{color:#ced5df;cursor:pointer;position:relative;border:none;padding:0;background-color:transparent;cursor:pointer;text-transform:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;position:relative;width:100%;height:100%}.NotificationTrayButton__bell__6EgJI:focus{outline:none}.NotificationTrayButton__bell__6EgJI:disabled{cursor:default}.NotificationTrayButton__bell__6EgJI:not(:disabled):active{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.NotificationTrayButton__bell__6EgJI::before{display:none}.NotificationTrayButton__bell__6EgJI .NotificationTrayButton__counter__rg4fc{position:absolute;top:-5px;right:-7px}.NotificationTrayButton__isZero__x25C3 .NotificationTrayButton__counter__rg4fc{background:#6a7185;color:#ced5df}.NotificationTrayButton__isZero__x25C3:hover .NotificationTrayButton__counter__rg4fc{-webkit-animation:NotificationTrayButton__shake__dUesA .82s cubic-bezier(.36,.07,.19,.97) both;-moz-animation:NotificationTrayButton__shake__dUesA .82s cubic-bezier(.36,.07,.19,.97) both;-o-animation:NotificationTrayButton__shake__dUesA .82s cubic-bezier(.36,.07,.19,.97) both;-ms-animation:NotificationTrayButton__shake__dUesA .82s cubic-bezier(.36,.07,.19,.97) both;animation:NotificationTrayButton__shake__dUesA .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;perspective:1000px}@-moz-keyframes NotificationTrayButton__shake__dUesA{10%,90%{-webkit-transform:translate3d(-1px,0,0);-moz-transform:translate3d(-1px,0,0);-o-transform:translate3d(-1px,0,0);-ms-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(1px,0,0);-moz-transform:translate3d(1px,0,0);-o-transform:translate3d(1px,0,0);-ms-transform:translate3d(1px,0,0);transform:translate3d(1px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-2px,0,0);-moz-transform:translate3d(-2px,0,0);-o-transform:translate3d(-2px,0,0);-ms-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}40%,60%{-webkit-transform:translate3d(2px,0,0);-moz-transform:translate3d(2px,0,0);-o-transform:translate3d(2px,0,0);-ms-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}}@-webkit-keyframes NotificationTrayButton__shake__dUesA{10%,90%{-webkit-transform:translate3d(-1px,0,0);-moz-transform:translate3d(-1px,0,0);-o-transform:translate3d(-1px,0,0);-ms-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(1px,0,0);-moz-transform:translate3d(1px,0,0);-o-transform:translate3d(1px,0,0);-ms-transform:translate3d(1px,0,0);transform:translate3d(1px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-2px,0,0);-moz-transform:translate3d(-2px,0,0);-o-transform:translate3d(-2px,0,0);-ms-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}40%,60%{-webkit-transform:translate3d(2px,0,0);-moz-transform:translate3d(2px,0,0);-o-transform:translate3d(2px,0,0);-ms-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}}@-o-keyframes NotificationTrayButton__shake__dUesA{10%,90%{-webkit-transform:translate3d(-1px,0,0);-moz-transform:translate3d(-1px,0,0);-o-transform:translate3d(-1px,0,0);-ms-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(1px,0,0);-moz-transform:translate3d(1px,0,0);-o-transform:translate3d(1px,0,0);-ms-transform:translate3d(1px,0,0);transform:translate3d(1px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-2px,0,0);-moz-transform:translate3d(-2px,0,0);-o-transform:translate3d(-2px,0,0);-ms-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}40%,60%{-webkit-transform:translate3d(2px,0,0);-moz-transform:translate3d(2px,0,0);-o-transform:translate3d(2px,0,0);-ms-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}}@keyframes NotificationTrayButton__shake__dUesA{10%,90%{-webkit-transform:translate3d(-1px,0,0);-moz-transform:translate3d(-1px,0,0);-o-transform:translate3d(-1px,0,0);-ms-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(1px,0,0);-moz-transform:translate3d(1px,0,0);-o-transform:translate3d(1px,0,0);-ms-transform:translate3d(1px,0,0);transform:translate3d(1px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-2px,0,0);-moz-transform:translate3d(-2px,0,0);-o-transform:translate3d(-2px,0,0);-ms-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}40%,60%{-webkit-transform:translate3d(2px,0,0);-moz-transform:translate3d(2px,0,0);-o-transform:translate3d(2px,0,0);-ms-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}}.NotificationTrayButton__cross__ao5-g:before,.NotificationTrayButton__cross__ao5-g:after{background-color:#fff;border-radius:1px;content:' ';position:absolute}.NotificationTrayButton__cross__ao5-g:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.NotificationTrayButton__cross__ao5-g:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.List__list__o4E6C {}

.List__listItem__NOKRR:not(:last-child) {
    margin-bottom: 1.5em;
  }

.List__listItem__NOKRR::before {
    display: inline-block;
  }

.List__orderedList__nTkIj {
  counter-reset: li;
}

.List__orderedList__nTkIj .List__listItem__NOKRR {
    counter-increment: li;
  }

.List__orderedList__nTkIj .List__listItem__NOKRR::before {
      content: counter(li)'.';
      margin-right: .2em
    }

.List__unorderedList__eMUTr .List__listItem__NOKRR::before {
      content: '•';
      position: absolute;
      margin-left: -.7em;
    }

.List__bulletBold__REWOW.List__unorderedList__eMUTr .List__listItem__NOKRR::before {
    font-weight: var(--bold);
  }

.List__tableOfContents__xK7wo .List__listItem__NOKRR {
    margin-bottom: 2px;
  }

.List__tableOfContents__xK7wo.List__unorderedList__eMUTr .List__listItem__NOKRR {
    position: relative;
    padding-left: 1.5rem;
  }

.List__tableOfContents__xK7wo.List__unorderedList__eMUTr .List__listItem__NOKRR::before {
      top: 0;
      left: 0;
      margin: 0;
    }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.TableOfContents__tableOfContents__2CO2j {
  color: var(--action);
}

.TableOfContents__title__ZRZx7 {
  font-size: var(--size-medium);
  font-weight: 600;
  margin-bottom: 1.25rem;
  line-height: 1.25;
}

.TableOfContents__content__nF7\+3 {
  font-size: var(--size-default);
  font-weight: 400;
  line-height: 1.5;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.ContentsBased__heading__zRFzT,
.ContentsBased__section__2U6EQ,
.ContentsBased__paragraph__wQSx- {
  position: relative;
}

.ContentsBased__paragraph__wQSx- b {
  font-weight: 600;
}

.ContentsBased__paragraph__wQSx- .ContentsBased__heading__zRFzT {
  font-size: 1.25rem;
}

.ContentsBased__heading__zRFzT {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.ContentsBased__headingCaption__K6mwd {
  width: 100%;
  margin-top: calc(1rem - var(--external-page-heading-margin-bottom));
  margin-bottom: var(--external-page-heading-margin-bottom);
  color: var(--smoke);
  font-size: .75rem;
}

@media (min-width: 1024px) {

.ContentsBased__headingCaption__K6mwd {
    width: 7rem;
    height: 3.75rem;
    margin: 0;
}
  }

.ContentsBased__content__gbRUt {
  max-width: 42rem;
  margin: 0 auto;
  color: var(--body-text-color);
  font-size: 1.125rem;
  line-height: 1.5;
}

.ContentsBased__content__gbRUt p:not(:last-child) {
    margin-bottom: 1.5em;
  }

@media (min-width: 768px) {

.ContentsBased__content__gbRUt {
    font-size: 1.1875rem;
}
  }

@media (min-width: 1024px) {

.ContentsBased__content__gbRUt {
    max-width: 40rem;
}
  }

.ContentsBased__tableOfContentsWrapper__qIwdZ {
  display: none;

  /* TODO replace by MediaQuery component */
}

@media (min-width: 1024px) {

.ContentsBased__tableOfContentsWrapper__qIwdZ {
    display: block;
    margin-bottom: var(--toc-margin-bottom-two-columns);
}
  }

.ContentsBased__section__2U6EQ,
.ContentsBased__paragraph__wQSx-:not(:first-child) {
  margin-top: 3rem;
}

@media (min-width: 768px) {

.ContentsBased__section__2U6EQ,
.ContentsBased__paragraph__wQSx-:not(:first-child) {
    margin-bottom: 4rem;
}
  }

.ContentsBased__sectionAnchor__3qkYH {
  position: absolute;
  top: calc(-1 * (var(--header-height) + var(--header-vertical-padding) + 1rem));
}

@media (min-width: 768px) {

.ContentsBased__sectionAnchor__3qkYH {
    top: calc(-2 * (var(--header-height) + var(--header-vertical-padding) + 1rem));
}
  }

.ContentsBased__transitionTitle__Bsuf7 {
  margin-bottom: 2rem;
  font-size: 1.375rem;
  line-height: 1.6;
  text-align: center;
}

.ContentsBased__sectionTitle__Q9m69 {
  margin-bottom: 2rem;
  color: var(--shale);
  font-size: 1.375rem;
  line-height: 1.6;
  text-decoration: underline;
}

.ContentsBased__inlineParagraph__J9PuS {
  display: inline-block;
  line-height: 1.4;
  text-align: left;
}

.ContentsBased__paragraph__wQSx- {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.ContentsBased__paragraphTitle__9fAJk {
  margin-bottom: 1.875rem;
  color: var(--shale);
  font-size: 1.25rem;
  line-height: 1.5;
}

@media (min-width: 768px) {

.ContentsBased__sectionTitle__Q9m69,
.ContentsBased__paragraphTitle__9fAJk {
    max-width: 30rem;
}
  }

.ContentsBased__listItemHeading__WTZYW {
  font-weight: var(--bold);
}

.ContentsBased__toTopLink__PYL06 {
  order: 3;
  margin-top: 1.5rem;
  line-height: 1.875rem;
}

@media (min-width: 768px) {

.ContentsBased__toTopLink__PYL06 {
    order: 0;
    margin-top: 0;
    margin-left: auto;
}
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.FAQ__tableOfContentsWrapper__3NTW1 {

  display: block;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {

.FAQ__tableOfContentsWrapper__3NTW1 {
    margin-bottom: 4rem;
}
  }

@media (min-width: 1024px) {

.FAQ__tableOfContentsWrapper__3NTW1 {
    margin-bottom: var(--toc-margin-bottom-two-columns);
}
  }

@media (min-width: 768px) {

.FAQ__content__o\+CWG {
    margin-top: 1rem;
}
  }

.FAQ__emailSection__J4T7W {
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.Logout__contentWrapper__DeIQ2 {
  width: 14.25rem;
  margin: 2rem auto 0;
}

@media (min-width: 768px) {

.Logout__contentWrapper__DeIQ2 {
    width: 19rem;
}
  }

.Logout__share__0OkLh {
  margin-top: 4rem;
}

@media (min-width: 375px) {

.Logout__share__0OkLh {
    margin-top: 5rem;
}
  }

.Logout__shareText__VSjMd {
  padding: 0 .5rem;
  color: var(--smoke);
  font-size: 1rem;
  line-height: 1.38;
  text-align: center;
}

.Logout__shareButtons__DPr7D {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}

.Logout__shareButtonWrapper__BRV75:not(:first-child) {
  margin-left: 2rem;
}

.Logout__emailSection__pETUh {
  margin-top: 1.25rem;
  color: var(--shale);
  font-size: .875rem;
  line-height: 1.5;
  text-align: center;
}

.DebtsPage__visibleSmallUp__SOwvI {
  display: none;
}
@media (--w375-up) {
  .DebtsPage__visibleSmallUp__SOwvI {
    display: initial;
}
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.AccountsRates__textCenter__nErc0 {
  text-align: center;
}

:root {
  --header-bg-color: var(--satin);
  --border: 1px solid var(--silver);
  --cell-padding: 16px 0 16px 16px;

  --sorting-arrow-size: .21rem

  /* Used by Homes, Cars, Devices, Interest Rates Tables */}

.AccountsRates__table__75zS4 {
  position: relative;
  width: 100%;
  font: normal .8rem/1 var(--sans);
}

.AccountsRates__tableInner__4fl2i {
  width: 100%;
}

.AccountsRates__headerRow__aLkvn {
  border: var(--border);
  border-radius: .31rem .31rem 0 0;
  background-color: var(--header-bg-color);
}

.AccountsRates__headerRow__aLkvn.AccountsRates__white__xpCCq {
    background-color: var(--salt);
  }

.AccountsRates__headerCell__J9DYV {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-size: 9px;
    font-weight: var(--semi-bold);
    letter-spacing: -0.3px;
    text-transform: uppercase;
    line-height: 1;
  vertical-align: middle;
  padding: var(--cell-padding);
    padding-right: var(--space-default);
    padding-left: var(--space-default);
  text-align: left;
  white-space: nowrap;
  background: var(--satin);
}

@media (min-width: 768px) {

.AccountsRates__headerCell__J9DYV {
      font-size: 12px;
}
    }

@media (min-width: 768px) {

.AccountsRates__headerCell__J9DYV {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.AccountsRates__headerCell__J9DYV {
      padding-left: var(--space-medium);
}
    }

.AccountsRates__responsiveTitle__Bcm0d {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    color: inherit;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
  color: var(--smoke);
  margin-bottom: .5rem;
  position: relative;
}

@media (min-width: 768px) {

.AccountsRates__responsiveTitle__Bcm0d {
    display: none;
}
  }

.AccountsRates__responsiveTitleText__CIfIR {
  position: relative;
}

.AccountsRates__headerTitle__xtkm9 {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}

.AccountsRates__sortingWrapper__Gra7\+ {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: .7rem;
  height: .55rem;
  margin-left: .34rem;
}

@media (min-width: 768px) {

.AccountsRates__sortingWrapper__Gra7\+ {
    vertical-align: middle;
}
  }

.AccountsRates__sortingWrapper__Gra7\+::before,
  .AccountsRates__sortingWrapper__Gra7\+::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: var(--sorting-arrow-size) solid transparent;
  }

.AccountsRates__sortingWrapper__Gra7\+::before {
    top: calc(-1 * var(--sorting-arrow-size));
    border-bottom-color: inherit;
  }

.AccountsRates__sortingWrapper__Gra7\+::after {
    bottom: calc(-1 * var(--sorting-arrow-size));
    border-top-color: inherit;
  }

.AccountsRates__sortingWrapper__Gra7\+.AccountsRates__withHelpText__UhRth {
    right: -1.2rem;
  }

.AccountsRates__up__\+C3DC::before {
  border-bottom-color: var(--action);
}

.AccountsRates__down__a-Ev\+::after {
  border-top-color: var(--action);
}

.AccountsRates__body__gb5YI::after {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.AccountsRates__row__pXKCk {
  border: var(--border);
  background-color: var(--salt);
  position: relative;
}

.AccountsRates__cell__f3796 {
  vertical-align: middle;
  padding: var(--cell-padding);
  color: var(--body-text-color);
  position: relative;
  text-align: left;
  font-size: 1.1rem;
    padding-right: var(--space-default);
    padding-left: var(--space-default);
}

@media (min-width: 768px) {

.AccountsRates__cell__f3796 {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.AccountsRates__cell__f3796 {
      padding-left: var(--space-medium);
}
    }

.AccountsRates__cell__f3796[rowspan] {
    vertical-align: top;
  }

@media (min-width: 768px) {

.AccountsRates__cell__f3796 {
    font-size: 1rem;
    text-align: left;
}
  }

.AccountsRates__footer__C9Uvn {
  border-radius: 0 0 .28rem .28rem;
}

.AccountsRates__footer__C9Uvn > tr {
    border-top: 0;
  }

.AccountsRates__footer__C9Uvn::before {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.AccountsRates__paginatorWrapper__XNE\+L {
  display: flex;
  flex-grow: 1;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: .625rem;
}

.AccountsRates__paginatorWrapper__XNE\+L > * {
    flex-shrink: 0;
  }

.AccountsRates__pageSizeSelectorWrapper__fXVsI {
  /* pin the item to the right-hand size */
  margin-left: auto;
}

.AccountsRates__tooltipIconWrapper__Xb-Uu {
    display: inline-block;
    position: absolute;
    width: .8rem;
    height: .8rem;

    top: 50%;
    margin-top: -.4rem;
  margin-left: 4px;
  left: 100%;
}

* ~ .AccountsRates__tooltipIconWrapper__Xb-Uu {
      margin-left: .4rem;
    }

/* ----------- SPECIFIC TABLE STYLES ------------- */

/*
  Last column of the following two table are the least significant
  so we can hide them for certain viewports assuming this would work for all the data.
 */

.AccountsRates__debtsAccountDetails__BzL05 th:last-child,
  .AccountsRates__creditAccountDetails__2V4Kv th:last-child,
  .AccountsRates__debtsAccountDetails__BzL05 td:last-child,
  .AccountsRates__creditAccountDetails__2V4Kv td:last-child {
    display: none;
  }

@media (min-width: 1280px) {

.AccountsRates__debtsAccountDetails__BzL05 th:last-child,
  .AccountsRates__creditAccountDetails__2V4Kv th:last-child,
  .AccountsRates__debtsAccountDetails__BzL05 td:last-child,
  .AccountsRates__creditAccountDetails__2V4Kv td:last-child {
      display: table-cell;
  }
    }

.AccountsRates__accountsTable__jAv41 td:nth-child(2) {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-weight: var(--medium);
  }

.AccountsRates__pointing__4PULc {
  cursor: pointer;
}

:root {
  --out-cell-padding: 1rem;
}

.AccountsRates__accountRates__G6V\+r {

}

.AccountsRates__isMobile__ATDMj {}

.AccountsRates__tabs__vRWmi {
  position: relative;
  z-index: 1;
}

.AccountsRates__tabContent__AWjAu {}

.AccountsRates__accountSummary__Sq-W7 {
  font-family: var(--sans);
  font-size: 1rem;
  font-weight: var(--semi-bold);
  letter-spacing: -.5px;
  -o-object-fit: contain;
     object-fit: contain;
}

.AccountsRates__categoryName__I8cYK {
  display: inline-block;
  margin-bottom: .21rem;
  font-weight: var(--medium);
  font-size: 1rem;
}

.AccountsRates__categoryCount__Bi73l {
  font-size: .625rem;
}

.AccountsRates__opportunityCount__mSVhb {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  background: var(--danger);
  color: var(--salt);
  font-size: .8rem;
  font-weight: var(--semi-bold);
  line-height: 1.6rem;
  text-align: center;
  margin: 0 auto;
}

.AccountsRates__opportunityCount__mSVhb:hover {
    color: var(--salt);
  }

@media (min-width: 768px) {

.AccountsRates__opportunityCount__mSVhb {
    display: inline-block;
}
  }

.AccountsRates__allRatesTable__yvKQa thead, .AccountsRates__tabbedRatesTable__p0ftO thead {
    display: none;
  }

@media (min-width: 768px) {

.AccountsRates__allRatesTable__yvKQa thead, .AccountsRates__tabbedRatesTable__p0ftO thead {
      display: table-header-group;
  }
    }

.AccountsRates__allRatesTable__yvKQa tfoot td:nth-child(2), .AccountsRates__tabbedRatesTable__p0ftO tfoot td:nth-child(2) {
      display: none;
    }

.AccountsRates__allRatesTable__yvKQa tr, .AccountsRates__tabbedRatesTable__p0ftO tr {
    margin-top: .5rem;
    height: auto;
  }

@media (min-width: 768px) {

.AccountsRates__allRatesTable__yvKQa tr, .AccountsRates__tabbedRatesTable__p0ftO tr {
      margin-top: 0;
  }
    }

.AccountsRates__allRatesTable__yvKQa td, .AccountsRates__tabbedRatesTable__p0ftO td {
    font-size: 1.1rem;

    /* account name badge column */
  }

.AccountsRates__allRatesTable__yvKQa td:first-child, .AccountsRates__tabbedRatesTable__p0ftO td:first-child {
      display: block;
      text-align: center;
      border-bottom: 1px solid var(--satin);
      padding: 1rem 0;
    }

@media (min-width: 768px) {

.AccountsRates__allRatesTable__yvKQa td:first-child, .AccountsRates__tabbedRatesTable__p0ftO td:first-child {
        max-width: 11rem;
        border-bottom: none;
    }
      }

.AccountsRates__allRatesTable__yvKQa td:nth-child(3),
    .AccountsRates__tabbedRatesTable__p0ftO td:nth-child(3),
    .AccountsRates__allRatesTable__yvKQa td:nth-child(4),
    .AccountsRates__tabbedRatesTable__p0ftO td:nth-child(4),
    .AccountsRates__allRatesTable__yvKQa td:last-child,
    .AccountsRates__tabbedRatesTable__p0ftO td:last-child {
      display: inline-block;
      width: calc(100% / 3);
      padding: .8rem 0;
      padding-bottom: 1rem;
      box-sizing: border-box;
      text-align: center;
    }

.AccountsRates__allRatesTable__yvKQa td:nth-child(3), .AccountsRates__tabbedRatesTable__p0ftO td:nth-child(3) {
      padding-left: var(--out-cell-padding);
    }

.AccountsRates__allRatesTable__yvKQa td:last-child, .AccountsRates__tabbedRatesTable__p0ftO td:last-child {
      padding-right: var(--out-cell-padding);
    }

/* Effective vs. Peers */

.AccountsRates__allRatesTable__yvKQa th:nth-child(2),
  .AccountsRates__allRatesTable__yvKQa td:nth-child(2) {
    display: none;
  }

@media (min-width: 768px) {
    .AccountsRates__allRatesTable__yvKQa th:first-child,
    .AccountsRates__allRatesTable__yvKQa td:first-child,
    .AccountsRates__allRatesTable__yvKQa th:nth-child(n+3),
    .AccountsRates__allRatesTable__yvKQa td:nth-child(n+3) {
      padding: var(--cell-padding);
    padding-right: var(--space-default);
    padding-left: var(--space-default);
      position: initial;
      top: initial;
      right: initial;
      display: table-cell;
      text-align: left;
    }
  }

@media (min-width: 768px) and (min-width: 768px) {
    .AccountsRates__allRatesTable__yvKQa th:first-child,
    .AccountsRates__allRatesTable__yvKQa td:first-child,
    .AccountsRates__allRatesTable__yvKQa th:nth-child(n+3),
    .AccountsRates__allRatesTable__yvKQa td:nth-child(n+3) {
      padding-right: var(--space-medium);
    }
    }

@media (min-width: 768px) and (min-width: 768px) {
    .AccountsRates__allRatesTable__yvKQa th:first-child,
    .AccountsRates__allRatesTable__yvKQa td:first-child,
    .AccountsRates__allRatesTable__yvKQa th:nth-child(n+3),
    .AccountsRates__allRatesTable__yvKQa td:nth-child(n+3) {
      padding-left: var(--space-medium);
    }
    }

@media (min-width: 768px) {

    .AccountsRates__allRatesTable__yvKQa th:nth-child(n+0),
    .AccountsRates__allRatesTable__yvKQa td:nth-child(n+0) {
      width: auto;
    }

    .AccountsRates__allRatesTable__yvKQa td:first-child,
    .AccountsRates__allRatesTable__yvKQa td:nth-child(n+3) {
      font-size: 1rem;
    }
  }

.AccountsRates__tabbedRatesTable__p0ftO th {
    padding: .8rem .34rem .55rem 1.2rem;
  }

/* Effective vs. Peers */

.AccountsRates__tabbedRatesTable__p0ftO td:nth-child(2) {
      display: block;
      min-width: 4.8rem;
      padding: 1.5rem 1rem;
      padding-bottom: 1rem;
      text-align: center;
    }

.AccountsRates__tabbedRatesTable__p0ftO td:nth-child(3),
    .AccountsRates__tabbedRatesTable__p0ftO td:nth-child(4) {
      width: 30%;
    }

/* Opportunities */

.AccountsRates__tabbedRatesTable__p0ftO td:last-child {
      width: 40%;
    }

@media (min-width: 375px) {
      .AccountsRates__tabbedRatesTable__p0ftO td:nth-child(3),
      .AccountsRates__tabbedRatesTable__p0ftO td:nth-child(4),
      .AccountsRates__tabbedRatesTable__p0ftO td:last-child {
        width: calc(100% / 3);
      }
    }

.AccountsRates__tabbedRatesTable__p0ftO tbody, .AccountsRates__tabbedRatesTable__p0ftO tr {
      display: block;
    }

.AccountsRates__tabbedRatesTable__p0ftO th:nth-child(n+2) {
      padding-left: 0;

      padding-right: .5rem;
    }

@media (min-width: 768px) {
      .AccountsRates__tabbedRatesTable__p0ftO th:nth-child(n+0), .AccountsRates__tabbedRatesTable__p0ftO td:nth-child(n+0) {
        padding: var(--cell-padding);

        padding-left: 20px;
        position: inherit;
        display: table-cell;
        top: inherit;
        right: inherit;
      }

      .AccountsRates__tabbedRatesTable__p0ftO th:first-child,
      .AccountsRates__tabbedRatesTable__p0ftO td:first-child,
      .AccountsRates__tabbedRatesTable__p0ftO th:last-child,
      .AccountsRates__tabbedRatesTable__p0ftO td:last-child {
    padding-right: var(--space-default);
      }
    }

@media (min-width: 768px) and (min-width: 768px) {

      .AccountsRates__tabbedRatesTable__p0ftO th:first-child,
      .AccountsRates__tabbedRatesTable__p0ftO td:first-child,
      .AccountsRates__tabbedRatesTable__p0ftO th:last-child,
      .AccountsRates__tabbedRatesTable__p0ftO td:last-child {
      padding-right: var(--space-medium);
      }
    }

@media (min-width: 768px) {

      .AccountsRates__tabbedRatesTable__p0ftO td:nth-child(n+0) {
        text-align: inherit;
        font-size: 1rem;
        font-weight: inherit;
        width: inherit;
      }

      .AccountsRates__tabbedRatesTable__p0ftO tbody {
        display: table-row-group;
      }

      .AccountsRates__tabbedRatesTable__p0ftO tr {
        display: table-row;
      }

      .AccountsRates__tabbedRatesTable__p0ftO tfoot td:nth-child(n+0) {
        display: table-cell;
      }
    }

@media (min-width: 768px) {
    .AccountsRates__tabbedRatesTable__p0ftO th:nth-child(n),
    .AccountsRates__tabbedRatesTable__p0ftO td:nth-child(n) {
      padding-left: 20px;
    }
  }

.AccountsRates__responsiveValueCell__QSuLh {
  text-align: center;
  font-size: 1.1rem;
}

@media (min-width: 768px) {

.AccountsRates__responsiveValueCell__QSuLh {
    font-size: inherit;
    text-align: left;
}
  }

.AccountsRates__hideForSmall__Hihza {
  display: none;
}

@media (min-width: 768px) {

.AccountsRates__hideForSmall__Hihza {
    display: inherit;
}
  }

.AccountsRates__opportunitiesCountWrapper__iCp0a {
  display: inline-block;
  width: 94px;
  height: 24px;
  font-size: 10px;
}

@media (min-width: 768px) {

.AccountsRates__opportunitiesCountWrapper__iCp0a {
    width: 120px;
    height: 32px;
}
  }

.AccountsRates__opportunitiesCountText__mwlG0 {
  font-size: 10px;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.SavingsMonthly__savingMonthly__WSaXr {
  display: inline-block;
  color: var(--heading-text-color);
  font: bold 1.1rem var(--sans);
  letter-spacing: -.5px;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  top: -1px;
}

@media (min-width: 768px) {

.SavingsMonthly__savingMonthly__WSaXr {
    font-size: 1rem;
}
  }

.SavingsMonthly__clickable__NIRbz {
  color: var(--action);
  font-weight: 600;
  cursor: pointer;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.Table__textCenter__bzIkB {
  text-align: center;
}

:root {
  --header-bg-color: var(--satin);
  --border: 1px solid var(--silver);
  --cell-padding: 16px 0 16px 16px;

  --sorting-arrow-size: .21rem

  /* Used by Homes, Cars, Devices, Interest Rates Tables */}

.Table__table__3Gf6k {
  position: relative;
  width: 100%;
  font: normal .8rem/1 var(--sans);
}

.Table__tableInner__wepl7 {
  width: 100%;
}

.Table__headerRow__cohB\+ {
  border: var(--border);
  border-radius: .31rem .31rem 0 0;
  background-color: var(--header-bg-color);
}

.Table__headerRow__cohB\+.Table__white__36zF2 {
    background-color: var(--salt);
  }

.Table__headerCell__Iqfs\+ {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-size: 9px;
    font-weight: var(--semi-bold);
    letter-spacing: -0.3px;
    text-transform: uppercase;
    line-height: 1;
  vertical-align: middle;
  padding: var(--cell-padding);
    padding-right: var(--space-default);
    padding-left: var(--space-default);
  text-align: left;
  white-space: nowrap;
  background: var(--satin);
}

@media (min-width: 768px) {

.Table__headerCell__Iqfs\+ {
      font-size: 12px;
}
    }

@media (min-width: 768px) {

.Table__headerCell__Iqfs\+ {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.Table__headerCell__Iqfs\+ {
      padding-left: var(--space-medium);
}
    }

.Table__responsiveTitle__\+Fa4t {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    color: inherit;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
  color: var(--smoke);
  margin-bottom: .5rem;
  position: relative;
}

@media (min-width: 768px) {

.Table__responsiveTitle__\+Fa4t {
    display: none;
}
  }

.Table__responsiveTitleText__6olOd {
  position: relative;
}

.Table__headerTitle__-6x6y {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}

.Table__sortingWrapper__5qiL2 {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: .7rem;
  height: .55rem;
  margin-left: .34rem;
}

@media (min-width: 768px) {

.Table__sortingWrapper__5qiL2 {
    vertical-align: middle;
}
  }

.Table__sortingWrapper__5qiL2::before,
  .Table__sortingWrapper__5qiL2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: var(--sorting-arrow-size) solid transparent;
  }

.Table__sortingWrapper__5qiL2::before {
    top: calc(-1 * var(--sorting-arrow-size));
    border-bottom-color: inherit;
  }

.Table__sortingWrapper__5qiL2::after {
    bottom: calc(-1 * var(--sorting-arrow-size));
    border-top-color: inherit;
  }

.Table__sortingWrapper__5qiL2.Table__withHelpText__DNH2U {
    right: -1.2rem;
  }

.Table__up__d6Ana::before {
  border-bottom-color: var(--action);
}

.Table__down__fOm\+w::after {
  border-top-color: var(--action);
}

.Table__body__ewFj7::after {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.Table__row__e8ZaR {
  border: var(--border);
  background-color: var(--salt);
  position: relative;
}

.Table__cell__Hsww6 {
  vertical-align: middle;
  padding: var(--cell-padding);
  color: var(--body-text-color);
  position: relative;
  text-align: left;
  font-size: 1.1rem;
    padding-right: var(--space-default);
    padding-left: var(--space-default);
}

@media (min-width: 768px) {

.Table__cell__Hsww6 {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.Table__cell__Hsww6 {
      padding-left: var(--space-medium);
}
    }

.Table__cell__Hsww6[rowspan] {
    vertical-align: top;
  }

@media (min-width: 768px) {

.Table__cell__Hsww6 {
    font-size: 1rem;
    text-align: left;
}
  }

.Table__footer__\+Akt4 {
  border-radius: 0 0 .28rem .28rem;
}

.Table__footer__\+Akt4 > tr {
    border-top: 0;
  }

.Table__footer__\+Akt4::before {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.Table__paginatorWrapper__JqI85 {
  display: flex;
  flex-grow: 1;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: .625rem;
}

.Table__paginatorWrapper__JqI85 > * {
    flex-shrink: 0;
  }

.Table__pageSizeSelectorWrapper__HzT-d {
  /* pin the item to the right-hand size */
  margin-left: auto;
}

.Table__tooltipIconWrapper__YoKae {
    display: inline-block;
    position: absolute;
    width: .8rem;
    height: .8rem;

    top: 50%;
    margin-top: -.4rem;
  margin-left: 4px;
  left: 100%;
}

* ~ .Table__tooltipIconWrapper__YoKae {
      margin-left: .4rem;
    }

/* ----------- SPECIFIC TABLE STYLES ------------- */

/*
  Last column of the following two table are the least significant
  so we can hide them for certain viewports assuming this would work for all the data.
 */

.Table__debtsAccountDetails__KH65C th:last-child,
  .Table__creditAccountDetails__Kxq2M th:last-child,
  .Table__debtsAccountDetails__KH65C td:last-child,
  .Table__creditAccountDetails__Kxq2M td:last-child {
    display: none;
  }

@media (min-width: 1280px) {

.Table__debtsAccountDetails__KH65C th:last-child,
  .Table__creditAccountDetails__Kxq2M th:last-child,
  .Table__debtsAccountDetails__KH65C td:last-child,
  .Table__creditAccountDetails__Kxq2M td:last-child {
      display: table-cell;
  }
    }

.Table__accountsTable__QM8\+T td:nth-child(2) {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-weight: var(--medium);
  }

.Table__pointing__DgJGY {
  cursor: pointer;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.RateComparison__rateComparisonWrapper__8rup2 {
  padding: 0 2rem;
  margin-top: 3rem;
}

@media (min-width: 768px) {

.RateComparison__rateComparisonWrapper__8rup2 {
    padding: 0;
    margin-top: 0;
}
  }

.RateComparison__rateComparison__ywGjD {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  height: 5px;
  border-radius: 1px;
  background: var(--satin);
}

@media (min-width: 768px) {

.RateComparison__rateComparison__ywGjD {
    width: 70%;
    left: 1.5rem;
}
  }

.RateComparison__green__nzYoO {
  position: absolute;
  height: 100%;
  background: var(--success);
}

.RateComparison__median__3heUp {
  position: absolute;
  z-index: 1;
  top: -1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translate(-50%, 0);
  background: var(--salt);
}

.RateComparison__median__3heUp::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 1px;
    left: 1px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--coral);
  }

.RateComparison__median__3heUp::after {
    content: '';
    position: absolute;
    z-index: 3;
    top: 3px;
    left: 3px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--salt);
  }

.RateComparison__userRate__65Q\+1 {
  position: absolute;
  z-index: 4;
  top: -3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translate(-50%, 0);
  background: var(--salt);
}

.RateComparison__userRate__65Q\+1::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: 1px;
    left: 1px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--oxford);
  }

.RateComparison__userRate__65Q\+1::after {
    content: '';
    position: absolute;
    z-index: 6;
    top: 3px;
    left: 3px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--salt);
  }

.RateComparison__userRateTooltip__Py2VL {
  position: absolute;
  bottom: -10px;
}

.RateComparison__totalMin__vLXZs,
.RateComparison__totalMax__Y82bj {
  position: absolute;
  top: -.15rem;
  font-size: .8rem;
  min-width: 2rem;
}

@media (min-width: 768px) {

.RateComparison__totalMin__vLXZs,
.RateComparison__totalMax__Y82bj {
    top: -.1rem;
    font-size: .625rem;
}
  }

.RateComparison__totalMin__vLXZs {
  text-align: right;
  left: -2.3rem;
}

.RateComparison__totalMax__Y82bj {
  text-align: left;
  right: -2.3rem;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.ChartTooltip__chartTooltip__K6yXX {
  position: relative;
  padding: 6px;
  border-radius: 3px;
  transform: translate(-50%, -100%) scale(1.3);
  transform-origin: bottom;
  background: var(--oxford);
  color: var(--light-text-color);
  font: normal 500 normal .63rem var(--sans);
  line-height: 1;
  white-space: nowrap;
}

@media (min-width: 768px) {

.ChartTooltip__chartTooltip__K6yXX {
    transform: translate(-50%, -100%) scale(1);
}
  }

.ChartTooltip__arrow__M4ulG {
  position: absolute;
  top: 100%;
  left: calc(50% - 4px);
  width: 0;
  height: 0;
  border-width: 4px 4px 0;
  border-style: solid;
  border-color: var(--oxford) transparent transparent transparent;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.AccountBadge__textCenter__aztqI {
  text-align: center;
}

.AccountBadge__accountBadge__kBRQT {
  font-weight: normal;
  font-family: var(--sans);
  display: flex;
  flex-direction: column;
}

.AccountBadge__details__t\+97b {
  padding-top: 4px;
  font-size: 10px;
  color: var(--body-text-color);
  white-space: nowrap;
}

.AccountBadge__cardDetails__fEi0Y {
  font-weight: 500;
}

.AccountBadge__baseAccountName__pa\+5- {
    word-break: break-all;
    
    word-break: break-word;
}

.AccountBadge__accountName__iYmC8 {
    word-break: break-all;
    
    word-break: break-word;

  position: relative;
  display: inline-block;
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-weight: var(--medium);
  color: var(--heading-text-color);
}

.AccountBadge__accountNameInner__9Y6V4 {
  display: inline-block;
  position: relative;
}

.AccountBadge__tooltipIconWrapper__Iag2e {
    display: inline-block;
    position: absolute;
    width: .8rem;
    height: .8rem;

    top: 50%;
    margin-top: -.4rem;
  flex-shrink: 0;

  width: .5rem;
  height: .5rem;

  margin-top: -4px;
  margin-right: 1px;
  right: calc(100% + .2rem);
}

* ~ .AccountBadge__tooltipIconWrapper__Iag2e {
      margin-left: .4rem;
    }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.RateTabs__textCenter__PTFow {
  text-align: center;
}

:root {
  --rate-tabs-border-radius: 4px 4px 0 0;
  --max-tab-content-width-mobile: 560px;
}

.RateTabs__rateTabs__wgvfk {}

.RateTabs__header__WvjfO {
  display: none;
}

@media (min-width: 768px) {

.RateTabs__header__WvjfO {
    display: flex;
}
  }

.RateTabs__tabs__aNRgC {
  display: flex;
}

.RateTabs__tab__lEves {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: -4px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: var(--space-default);
    padding-left: var(--space-default);
    border: 1px solid transparent;
    color: var(--action);
    text-transform: capitalize;
    cursor: pointer;
    font-family: var(--sans);
    font-weight: var(--bold);
    font-size: 14px;
    transition: all var(--fastest) var(--ease-in);
  padding-left: 11px;
  padding-right: 11px;
}

@media (min-width: 768px) {

.RateTabs__tab__lEves {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.RateTabs__tab__lEves {
      padding-left: var(--space-medium);
}
    }

.RateTabs__tab__lEves:not(:first-child) {
      margin-left: -4px;
    }

.RateTabs__tab__lEves:hover {
      color: var(--shale);
      border: 1px solid var(--silver);
      border-radius: 5px 5px 0 0;
      background: var(--satin);
      border-bottom: 1px solid var(--satin);
    }

.RateTabs__tab__lEves.RateTabs__active__e2A50 {
    position: relative;
    color: var(--shale);
    border: 1px solid var(--silver);
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    background: var(--satin);
    cursor: default;
  }

.RateTabs__tab__lEves.RateTabs__all__UAMyZ,
  .RateTabs__tab__lEves.RateTabs__mortgage__jqSf0 {
    flex-shrink: 1;
  }

.RateTabs__tab__lEves.RateTabs__debt_other__3qe88 {
    flex-shrink: 3;
  }

.RateTabs__tabTitle__ZnZs5 {
  display: inline-block;
  white-space: normal;
  text-align: center;
  font-size: .9rem;
}

.RateTabs__count__w3YmV {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-left: 4px;
  border-radius: 100%;
  background: var(--danger);
  color: white;
  font-size: .625rem;
  line-height: 16px;
  text-align: center;
}

.RateTabs__content__LI7h5 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

  min-height: 8rem;
  box-sizing: border-box;
    padding-top: var(--space-default);
    padding-bottom: var(--space-default);
    padding-right: var(--space-default);
    padding-left: var(--space-default);
  border: 1px solid var(--silver);
  border-top: none;
  border-radius: var(--rate-tabs-border-radius);
  background: var(--salt);
}

@media (min-width: 768px) {

.RateTabs__content__LI7h5 {
      padding-top: var(--space-medium);
}
    }

@media (min-width: 768px) {

.RateTabs__content__LI7h5 {
      padding-bottom: var(--space-medium);
}
    }

@media (min-width: 768px) {

.RateTabs__content__LI7h5 {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.RateTabs__content__LI7h5 {
      padding-left: var(--space-medium);
}
    }

@media (min-width: 768px) {

.RateTabs__content__LI7h5 {
    flex-direction: row;
}
  }

.RateTabs__badgeTextWrapper__m0a0G {
  display: flex;
  max-width: var(--max-tab-content-width-mobile);
}

@media (min-width: 768px) {

.RateTabs__badgeTextWrapper__m0a0G {
    max-width: initial;
}
  }

.RateTabs__buttonWrapper__92key {
  width: 100%;
  flex-shrink: 0;
  max-width: var(--max-tab-content-width-mobile);
  height: 48px;
  margin-top: 32px;
  font-size: 12px;
}

@media (min-width: 768px) {

.RateTabs__buttonWrapper__92key {
    width: 180px;
    max-width: initial;
    margin-top: 0;
    margin-left: 32px;
}
  }

@media (min-width: 1280px) {

.RateTabs__buttonWrapper__92key {
    width: 224px;
}
  }

.RateTabs__competitiveBadge__CFpP- {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 50%;
  color: var(--oxford);
  font: normal 600 normal 1.7rem var(--sans);
  letter-spacing: -.06rem;
}

.RateTabs__slash__IPAMM {
  font-weight: 100;
}

.RateTabs__text__cgbpi {
  display: flex;
  align-items: center;

  max-width: 27.5rem;
  margin: 0 1rem;
  color: var(--body-text-color);
  font: normal normal normal 16px/1.4 var(--sans);
  letter-spacing: -.7px;
}

.RateTabs__button__vUiws {
  flex-shrink: 0;
  padding: .9rem 3.8rem;
  border-radius: .17rem;
  background-color: var(--action);
  color: var(--light-text-color);
  font: normal 600 normal .63rem var(--sans);
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.PercentageBadge__textCenter__v4-No {
  text-align: center;
}

.PercentageBadge__percentageBadge__DJ\+bE {
  position: relative;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  border-radius: 50%;
  color: var(--body-text-color);
  font-family: 'sans';
  font-size: 14px;
  font-weight: bold;
}

.PercentageBadge__percentageBadge__DJ\+bE::before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
    }

.PercentageBadge__warning__mMbFa {}

.PercentageBadge__svgContainer__bAYdC {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(270deg);
}

.PercentageBadge__labels__JAMwa {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  padding: .34rem;
  stroke: var(--oxford);
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  position: relative;
}

.PercentageBadge__labels__JAMwa.PercentageBadge__shrinkText__EE9FO {
    font-size: 19px;
  }

.PercentageBadge__slash__QvJYy {
  font-weight: lighter;
}

.PercentageBadge__stroke__UNy0l {
  fill-opacity: 0;
  stroke: var(--oxford);
  transition: all .5s ease-in-out;
}

.PercentageBadge__warning__mMbFa .PercentageBadge__stroke__UNy0l {
    stroke: var(--warning);
  }

.PercentageBadge__background__FteeF {
  fill: var(--satin);
}

.PercentageBadge__warning__mMbFa .PercentageBadge__background__FteeF {
    fill: var(--light-warning);
  }

.AccountsDetailsHeader__visibleMediumUp__HHU-u {
  display: none;
}
@media (--w1280-up) {
  .AccountsDetailsHeader__visibleMediumUp__HHU-u {
    display: initial;
}
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.CommonRowMobile__textCenter__Ohz0o {
  text-align: center;
}

.CommonRowMobile__commonRowMobile__UZK3i {
    padding-top: var(--space-default);
    padding-bottom: var(--space-default);
    padding-right: var(--space-default);
    padding-left: var(--space-default);

    font-family: var(--sans);

    display: flex;
    flex-direction: column;

    color: var(--stone);
    background-color: var(--salt);
    border-bottom: 1px solid var(--satin);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

@media (min-width: 768px) {

.CommonRowMobile__commonRowMobile__UZK3i {
      padding-top: var(--space-medium);
}
    }

@media (min-width: 768px) {

.CommonRowMobile__commonRowMobile__UZK3i {
      padding-bottom: var(--space-medium);
}
    }

@media (min-width: 768px) {

.CommonRowMobile__commonRowMobile__UZK3i {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.CommonRowMobile__commonRowMobile__UZK3i {
      padding-left: var(--space-medium);
}
    }

.CommonRowMobile__line__VXzFV {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.CommonRowMobile__ctaLine__GLUoJ {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.CommonRowMobile__leftAligned__3YXBj {
  text-align: left;
}

.CommonRowMobile__rightAligned__4MA6d {
  text-align: right;
}

.CommonRowMobile__linePart__OWtKB {}

.CommonRowMobile__left__pDWzo {
  text-align: left;
}

.CommonRowMobile__right__qJ7SP {
  text-align: right;
}

.CommonRowMobile__right__qJ7SP button {
  text-align: right;
  padding: 0;
}

.CommonRowMobile__title__O85\+d {
  color: var(--shale);
  font-size: 16px;
  font-weight: var(--light);
  font-family: var(--sans);
}

.CommonRowMobile__title__O85\+d span {
  word-break: break-all;
}

.CommonRowMobile__subtitle__H-Y0X {
  margin-top: 4px;

  color: var(--smoke);
  font-size: 10px;
  font-weight: var(--regular);
  font-family: var(--sans);
}

.CommonRowMobile__value__EY8Mx {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-weight: 500;
    color: inherit;
    font-size: 1.2rem;
  margin-left: 16px;
}

.CommonRowMobile__subvalue__kgcM9 {
  margin-top: 6px;

  font-size: 12px;
}

.CommonRowMobile__spanRow__2pfr\+ {
  background: var(--satin);
  color: var(--heading-text-color);
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  font-weight: 500;
    padding-right: var(--space-default);
    padding-left: var(--space-default);
}

@media (min-width: 768px) {

.CommonRowMobile__spanRow__2pfr\+ {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.CommonRowMobile__spanRow__2pfr\+ {
      padding-left: var(--space-medium);
}
    }

@media(min-width: 768px) {

.CommonRowMobile__spanRow__2pfr\+ {
    padding-left: 0;
    padding-right: 0;
}
  }

@media(min-width: 1024px) {

.CommonRowMobile__spanRow__2pfr\+ {
    font-size: 1rem;
}
  }

.CommonRowMobile__statsLine__S0TUx {

  font-family: var(--sans);
  font-size: 12px;
  line-height: 1.5;
}

.CommonRowMobile__statBlock__TG-P6 {
  flex-grow: 1;
}

.CommonRowMobile__statCaption__cvruH {
  margin-top: 8px;
  color: var(--smoke);
}

.CommonRowMobile__statValue__t7EuP {
  line-height: 1;
  color: var(--slate);
  margin-top: .175rem;
}

.CommonRowMobile__creditConditionStatBlock__lBbwU {
  width: 35%;
  flex-grow: 0;
}

.CommonRowMobile__dateOpenedStatBlock__aX5vZ {
  flex-grow: 0;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --sorting-arrow-size: 4px;
}

.CommonHeaderMobile__commonHeaderWrapper__hIpYt {
  /* Component-scoped variable to avoid global :root collision with other --bg-color definitions */
  --header-bg-color: var(--salt);
  --header-border: 1px solid var(--satin);

  display: flex;
  align-items: center;
  padding: 16px;
  background-color: var(--header-bg-color);
  border-bottom: var(--header-border);
  border-top: var(--header-border);
}

.CommonHeaderMobile__moneyflow__IZYaD {}

.CommonHeaderMobile__debts__wKbXx {}

.CommonHeaderMobile__assets__gue1n {}

.CommonHeaderMobile__credit__hNXZG {}

.CommonHeaderMobile__redemptions__SOJId {}

.CommonHeaderMobile__columnsPrefix__vcqJd {
  flex-shrink: 0;
  flex-grow: 0;

  font-size: 12px;
  color: var(--storm);
  margin-right: 8px;

  display: none;
}

@media (min-width: 375px) {
    .CommonHeaderMobile__moneyflow__IZYaD .CommonHeaderMobile__columnsPrefix__vcqJd {
      display: initial;
    }
  }

.CommonHeaderMobile__redemptions__SOJId .CommonHeaderMobile__columnsPrefix__vcqJd {
    display: initial;
  }

.CommonHeaderMobile__columnNamesWrapper__vBJt7 {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
}

.CommonHeaderMobile__moneyflow__IZYaD .CommonHeaderMobile__columnNamesWrapper__vBJt7 {
    max-width: 320px;
  }

.CommonHeaderMobile__credit__hNXZG .CommonHeaderMobile__columnNamesWrapper__vBJt7 {
    max-width: 380px;
  }

.CommonHeaderMobile__debts__wKbXx .CommonHeaderMobile__columnNamesWrapper__vBJt7 {
    max-width: 380px;
  }

.CommonHeaderMobile__assets__gue1n .CommonHeaderMobile__columnNamesWrapper__vBJt7 {
    max-width: 200px;
  }

.CommonHeaderMobile__redemptions__SOJId .CommonHeaderMobile__columnNamesWrapper__vBJt7 {
    max-width: 200px;
  }

.CommonHeaderMobile__columnNameWrapper__j0ZfM {
  position: relative;
  padding-right: 7px;

  font-size: 11px;
  font-weight: var(--medium);
  color: var(--smoke);

  display: flex;
  align-items: center;

  text-transform: uppercase;
}

.CommonHeaderMobile__credit__hNXZG .CommonHeaderMobile__columnNameWrapper__j0ZfM {
    font-size: 10px;
  }

@media (min-width: 375px) {
    /* increase specificity to overload a rule above */
    .CommonHeaderMobile__columnNameWrapper__j0ZfM.CommonHeaderMobile__columnNameWrapper__j0ZfM {
      font-size: 12px;
    }
  }

.CommonHeaderMobile__columnName__Wn91G {}

.CommonHeaderMobile__sortingWrapper__M3K3g {
  position: relative;
  right: 1px;
  width: 8px;
  height: 16px;
  line-height: 16px;
  top: -1px;
}

@media (min-width: 375px) {

.CommonHeaderMobile__sortingWrapper__M3K3g {
    top: -2px;
}
  }

@media (min-width: 768px) {

.CommonHeaderMobile__sortingWrapper__M3K3g {
    top: -1px;
}
  }

.CommonHeaderMobile__sortingWrapper__M3K3g::before,
  .CommonHeaderMobile__sortingWrapper__M3K3g::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: var(--sorting-arrow-size) solid transparent;
  }

.CommonHeaderMobile__sortingWrapper__M3K3g::before {
    bottom: 100%;
    transform: translateY(calc(var(--sorting-arrow-size) + 3px));
    border-bottom-color: inherit;
  }

.CommonHeaderMobile__sortingWrapper__M3K3g::after {
    top: 100%;
    transform: translateY(calc(-1 * (var(--sorting-arrow-size) + 3px)));
    border-top-color: inherit;
  }

.CommonHeaderMobile__up__qcd8x::before {
  border-bottom-color: var(--action);
}

.CommonHeaderMobile__down__\+z3gq::after {
  border-top-color: var(--action);
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.Breakdown__textCenter__anUJk {
  text-align: center;
}

:root {
  --shrunken-bar-height: .34rem;
  --expanded-bar-height: 1rem;
  --values-offset: 4.5rem;
}

.Breakdown__breakdownWrapper__5KA55 {
  padding-bottom: var(--shrunken-bar-height);
}

.Breakdown__breakdown__-N63U {
    padding-top: var(--space-default);
    padding-bottom: var(--space-default);
    padding-right: var(--space-default);
    padding-left: var(--space-default);
  align-items: center;
  position: relative;
  border-radius: 3px;
  background: var(--salt);
  font-family: var(--sans);
}

@media (min-width: 768px) {

.Breakdown__breakdown__-N63U {
      padding-top: var(--space-medium);
}
    }

@media (min-width: 768px) {

.Breakdown__breakdown__-N63U {
      padding-bottom: var(--space-medium);
}
    }

@media (min-width: 768px) {

.Breakdown__breakdown__-N63U {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.Breakdown__breakdown__-N63U {
      padding-left: var(--space-medium);
}
    }

.Breakdown__breakdown__-N63U:nth-child(2) {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }

.Breakdown__breakdown__-N63U:hover .Breakdown__breakdownChart__cw0XE .Breakdown__bar__-7Pc4, .Breakdown__breakdown__-N63U .Breakdown__barContainer__99wd6.Breakdown__expanded__pH-bx .Breakdown__bar__-7Pc4 {
      /* TODO: make this animation more lightweight (get rid of `height` change) and TEST ON IPAD */
      height: var(--expanded-bar-height);
    }

.Breakdown__breakdown__-N63U:hover .Breakdown__breakdownChart__cw0XE .Breakdown__actualValue__z46BK,
    .Breakdown__breakdown__-N63U .Breakdown__barContainer__99wd6.Breakdown__expanded__pH-bx .Breakdown__actualValue__z46BK,
    .Breakdown__breakdown__-N63U:hover .Breakdown__breakdownChart__cw0XE .Breakdown__projectionValue__MpT4G,
    .Breakdown__breakdown__-N63U .Breakdown__barContainer__99wd6.Breakdown__expanded__pH-bx .Breakdown__projectionValue__MpT4G {
      display: inline-block;
    }

@media (min-width: 768px) {

.Breakdown__breakdown__-N63U {
    display: flex;
    height: .7rem; /* For IE11 */
    max-height: .7rem;
}

    .Breakdown__breakdown__-N63U.Breakdown__withProjections__fCcVn {
      height: 2rem; /* For IE11 */
      max-height: 2rem;
    }

      .Breakdown__breakdown__-N63U.Breakdown__withProjections__fCcVn .Breakdown__breakdownChart__cw0XE {
        padding-top: 1rem;
      }
  }

@media (min-width: 1440px) {

.Breakdown__breakdown__-N63U {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
  }

.Breakdown__accountBreakdown__-699j {
  margin-bottom: var(--shrunken-bar-height);
  padding-right: 1.5rem;
}

.Breakdown__chartContainer__Sgx6U {
  position: relative;
}

.Breakdown__Overlay__J9uRH {
  position: relative;
  width: 100vw;
  height: 100vh;
}

.Breakdown__breakdownChart__cw0XE {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 0 var(--values-offset);
}

.Breakdown__ctaWrapper__3nx4g {
  position: absolute;
  right: 1rem;
  top: 1.65rem;
  width: 6rem;
  text-align: right;

  margin-left: var(--space-default);
}

@media (min-width: 768px) {

.Breakdown__ctaWrapper__3nx4g {
    margin-left: var(--space-medium);
    position: static;
    width: 52px;
    flex-shrink: 0;
}
  }

@media (min-width: 1440px) {

.Breakdown__ctaWrapper__3nx4g {
    margin-left: var(--space-large);
}
  }

.Breakdown__seeAllButtonRow__tc\+\+a {
    padding-right: var(--space-default);
    padding-left: var(--space-default);
}

@media (min-width: 768px) {

.Breakdown__seeAllButtonRow__tc\+\+a {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.Breakdown__seeAllButtonRow__tc\+\+a {
      padding-left: var(--space-medium);
}
    }

.Breakdown__legendWrapper__3HxKS {
  display: flex;
  align-items: center;
  height: 2rem;
  margin-bottom: 1px;
    padding-right: var(--space-default);
    padding-left: var(--space-default);
  background: var(--salt);
}

@media (min-width: 768px) {

.Breakdown__legendWrapper__3HxKS {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.Breakdown__legendWrapper__3HxKS {
      padding-left: var(--space-medium);
}
    }

@media (min-width: 1024px) {

.Breakdown__legendWrapper__3HxKS {
    display: none;
}
  }

/* NAME SECTION
------------------------------------------------------- */

.Breakdown__nameWrapper__lE60L {
  display: flex;
  width: 17.2rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
  align-items: center;
  margin-right: var(--space-default);
}

@media (min-width: 768px) {

.Breakdown__nameWrapper__lE60L {
    margin-right: var(--space-medium);
    width: 216px;
    margin-bottom: 0;
}
  }

@media (min-width: 1024px) {

.Breakdown__nameWrapper__lE60L {
    width: 208px;
}
  }

@media (min-width: 1280px) {

.Breakdown__nameWrapper__lE60L {
    width: 27.5rem;
}
  }

@media (min-width: 1440px) {

.Breakdown__nameWrapper__lE60L {
    margin-right: var(--space-large);
}
  }

.Breakdown__icon__0VRkg {
  color: var(--stone);
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 3rem;
  border-radius: 100%;
}

@media (min-width: 768px) {

.Breakdown__icon__0VRkg {
    margin-left: 0;
    margin-right: var(--space-medium);
}
  }

.Breakdown__name__7x8\+s {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-weight: var(--medium);
}

@media (min-width: 768px) {

.Breakdown__name__7x8\+s {
    width: 12rem;
}
  }

/* BARS
------------------------------------------------------- */

.Breakdown__bar__-7Pc4 {
  position: relative;
  z-index: 2;
  display: block;
  height: var(--expanded-bar-height);
  margin-bottom: .17rem;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  transition: width var(--fast) var(--ease-out), height var(--fast) var(--ease-out);
  will-change: width;
  min-width: 1px;
}

@media (min-width: 1024px) {

.Breakdown__bar__-7Pc4 {
    height: var(--shrunken-bar-height);
}
  }

.Breakdown__bar__-7Pc4:hover ~ .Breakdown__tooltipContainer__iMUZ6 {
    transform: translateY(-var(--shrunken-bar-height));
    opacity: 1;
  }

.Breakdown__tooltipContainer__iMUZ6,
.Breakdown__projectionTooltipContainer__X-YfS {
    position: absolute;
    z-index: 11;
    bottom: calc(100% + .48rem);
    left: 50%;
    display: inline-block;
    visibility: hidden;
    transform: translateY(0) translateX(-50%);
    opacity: 0;
    transition: opacity var(--fast) var(--ease-out-quint), transform var(--fast) var(--ease-out-quint);
  z-index: 10;
  left: 9px;
  pointer-events: none;
}

.Breakdown__bar__-7Pc4,
.Breakdown__projectionBar__-\+uyq,
.Breakdown__limitIconWrapper__iPzkq {
  pointer-events: all;
}

.Breakdown__hidden__-Alyl {}

.Breakdown__barContainer__99wd6 {
  position: relative;
}

.Breakdown__barContainer__99wd6:last-child .Breakdown__bar__-7Pc4 {
    margin-bottom: 0;
  }

.Breakdown__barContainer__99wd6.Breakdown__hidden__-Alyl {
    display: none
  }

.Breakdown__overlappedZeroValue__w7vG9 {
  left: 1rem;
}

.Breakdown__projectionBar__-\+uyq {
  position: absolute;
  z-index: 1;
  top: 0;
  height: var(--expanded-bar-height);
}

.Breakdown__projectionBar__-\+uyq:hover ~ .Breakdown__tooltipContainer__iMUZ6 {
    opacity: 0;
  }

.Breakdown__projectionBar__-\+uyq:hover ~ .Breakdown__projectionTooltipContainer__X-YfS {
    visibility: visible;
    transform: translateY(-.34rem) translateX(-50%);
    opacity: 1;
  }

@media (min-width: 1024px) {

.Breakdown__projectionBar__-\+uyq {
    height: var(--shrunken-bar-height);
}
  }

/* VALUES & LABELS
------------------------------------------------------- */

.Breakdown__actualValue__z46BK, .Breakdown__projectionValue__MpT4G {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    color: inherit;
    font-size: 0.8rem;
    font-weight: var(--semi-bold);
    line-height: 1;
  color: var(--oxford);
  position: absolute;
  height: var(--expanded-bar-height);
  width: 4rem;
  top: 2px;
}

.Breakdown__actualValue__z46BK.Breakdown__member__3motv, .Breakdown__projectionValue__MpT4G.Breakdown__member__3motv {
    display: inline-block;
  }

@media (min-width: 1024px) {

.Breakdown__actualValue__z46BK, .Breakdown__projectionValue__MpT4G {
    display: none;
}
  }

.Breakdown__actualValue__z46BK, .Breakdown__actualValuesLabel__fBLaj {
  left: calc(var(--values-offset) * -1);
  margin-right: .5rem;
  text-align: left;
}

.Breakdown__projectionValue__MpT4G, .Breakdown__projectionValuesLabel__8NkIE {
  right: calc(var(--values-offset) * -1);
  margin-left: .5rem;
  text-align: right;
}

.Breakdown__actualValuesLabel__fBLaj, .Breakdown__projectionValuesLabel__8NkIE {
  position: relative;
}

@media (min-width: 768px) {

.Breakdown__actualValuesLabel__fBLaj, .Breakdown__projectionValuesLabel__8NkIE {
    left: 0;
    right: 0;
}
  }

.Breakdown__valueLabels__7ToU\+ {
  font-size: .6rem;
  font-weight: var(--light);
  color: var(--stone);
  margin-bottom: .5rem;
}

@media (min-width: 768px) {

.Breakdown__valueLabels__7ToU\+ {
    position: absolute;
    left: 0;
    right: 0;
    top: .15rem;
}
  }

.Breakdown__projectionValuesLabel__8NkIE {
  float: right;
}

/* LIMIT ICON
------------------------------------------------------- */

.Breakdown__limitIconWrapper__iPzkq {
  position: absolute;
  z-index: 3;
  top: -.31rem;
  transform: translateX(-9px);
  cursor: pointer;
}

.Breakdown__limitIconWrapper__iPzkq::before {
      content: '';
      position: absolute;
      border-radius: 50%;
      cursor: pointer;
      top: -4px;
      right: -4px;
      bottom: -4px;
      left: -4px;
    }

.Breakdown__limitIconWrapper__iPzkq:hover .Breakdown__tooltipContainer__iMUZ6 {
    visibility: visible;
    transform: translateY(-.34rem) translateX(-50%);
    opacity: 1;
  }

.Breakdown__limitIcon__n5F2T {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url('/images/icons/limit.svg') no-repeat;
  background-size: contain;
}

/* COLORS
------------------------------------------------------- */

.Breakdown__member__3motv {
  color: var(--oxford);
  height: var(--expanded-bar-height);
}

.Breakdown__member__3motv.Breakdown__bar__-7Pc4 {
    background: var(--oxford);
  }

.Breakdown__peers__X2Gq1 {
  color: var(--coral);
}

.Breakdown__peers__X2Gq1.Breakdown__bar__-7Pc4 {
    background: var(--coral);
  }

.Breakdown__others__T9oPZ {
  color: var(--merlot);
}

.Breakdown__others__T9oPZ.Breakdown__bar__-7Pc4 {
    background: var(--merlot);
  }

.Breakdown__member__3motv.Breakdown__light__awuKp {
  color: var(--light-oxford);
  height: var(--expanded-bar-height);
}

.Breakdown__member__3motv.Breakdown__light__awuKp.Breakdown__bar__-7Pc4 {
    background: var(--light-oxford);
  }

.Breakdown__peers__X2Gq1.Breakdown__light__awuKp {
  color: var(--light-coral);
}

.Breakdown__peers__X2Gq1.Breakdown__light__awuKp.Breakdown__bar__-7Pc4 {
    background: var(--light-coral);
  }

.Breakdown__others__T9oPZ.Breakdown__light__awuKp {
  color: var(--light-merlot);
}

.Breakdown__others__T9oPZ.Breakdown__light__awuKp.Breakdown__bar__-7Pc4 {
    background: var(--light-merlot);
  }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PeergroupLegend__legend__Gdt8I{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%}@media screen and (min-width: 375px){.PeergroupLegend__legend__Gdt8I{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:start;justify-content:start}}.PeergroupLegend__row__l\+QNx{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;white-space:nowrap;margin-right:16px}@media screen and (min-width: 768px){.PeergroupLegend__row__l\+QNx{margin-right:24px}}@media screen and (min-width: 1440px){.PeergroupLegend__row__l\+QNx{margin-right:32px}}.PeergroupLegend__row__l\+QNx:last-child{overflow:hidden;margin-right:0}.PeergroupLegend__row__l\+QNx:last-child .PeergroupLegend__groupName__UjzHx{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.PeergroupLegend__circle__vsZHi{display:inline-block;width:0;height:0;border-radius:50%;border:4px solid}@nest .topSpendings &{maring-bottom:1px}.PeergroupLegend__circle__vsZHi .PeergroupLegend__peers__EEC49{color:#f88484}.PeergroupLegend__groupName__UjzHx{display:inline-block;margin-left:5px;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;white-space:nowrap;line-height:1}.PeergroupLegend__member__EkOdy{color:#404fa2}.PeergroupLegend__peers__EEC49{color:#f88484}.PeergroupLegend__peers__EEC49 .PeergroupLegend__circle__vsZHi{color:#f88484}.PeergroupLegend__others__fhzSG{color:#b06078}.PeergroupLegend__others__fhzSG .PeergroupLegend__circle__vsZHi{color:#b06078}.PeergroupLegend__regular__H8SbB,.PeergroupLegend__topSpendings__3raki{font-size:15px}.PeergroupLegend__othersLink__T1NIZ{border:none;padding:0;background-color:transparent;cursor:pointer;text-transform:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;cursor:pointer;color:#b06078;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;overflow:hidden}.PeergroupLegend__othersLink__T1NIZ:focus{outline:none}.PeergroupLegend__othersLink__T1NIZ:disabled{cursor:default}.PeergroupLegend__othersLink__T1NIZ:not(:disabled):active{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.PeergroupLegend__othersLink__T1NIZ::before{display:none}.PeergroupLegend__othersLink__T1NIZ:disabled{cursor:default}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.ModuleWrapper__moduleWrapper__vUMd4 {
  padding-bottom: var(--module-wrapper-margin);
}

.ModuleWrapper__flexLayout__IZps- {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
}

.ModuleWrapper__noPadding__vR4HW {
  padding: 0;
}

.ModuleWrapper__header__Bqql3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 var(--space-default) .75rem;
}

@media (min-width: 768px) {

.ModuleWrapper__header__Bqql3 {
    margin-right: 0;
    margin-left: 0;
}
  }

.ModuleWrapper__blockName__\+DirL {
  flex-shrink: 0;
  position: relative;
}

.ModuleWrapper__title__5uqnL {
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.5;
}

.ModuleWrapper__subtitle__HR7Gf {
  margin-left: .34rem;
}

.ModuleWrapper__rightArrow__ST4hY {
  position: relative;
  display: inline-block;
  margin-left: .17rem;
  margin-bottom: 1px;
  border: 4px solid transparent;
  border-left-color: var(--heading-text-color);
  transition: transform var(--fast) var(--ease-out-quint);
}

@media (min-width: 768px) {

.ModuleWrapper__rightArrow__ST4hY {
    margin-bottom: 0;
}
  }

.ModuleWrapper__title__5uqnL:hover .ModuleWrapper__rightArrow__ST4hY {
    transform: translateX(3px);
  }

.ModuleWrapper__headerInner__0nBw0 {
  display: inline-block;
  vertical-align: middle;
}

.ModuleWrapper__tooltipIconWrapper__CE0bT {
  z-index: 2;
  top: -.55rem;
}

.ModuleWrapper__tooltipIconWrapper__CE0bT.ModuleWrapper__withChevron__X3elS {
    margin-left: .41rem;
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --insight-width: 92%;
  --insight-width-one-column: 100%;
  --animation-duration: .2s;
}

.Insights__insights__HpvLR {
  height: var(--insights-height-tiny);
}

@media (min-width: 375px) {

.Insights__insights__HpvLR {
    height: var(--insights-height-small);
}
  }

@media (min-width: 768px) {

.Insights__insights__HpvLR {
    margin-left: -1px;
    margin-right: -1px;
    position: relative;
    height: var(--insights-height-one-column);
    transition: all var(--animation-duration) ease;
}
      .Insights__insights__HpvLR:hover .Insights__insightsItem__jwUNP:nth-child(1) {
        box-shadow: 0 1.4rem 1.9rem 0 rgba(20, 35, 60, .06);
      }

      .Insights__insights__HpvLR:hover .Insights__insightsItem__jwUNP:nth-child(2) {
        transform: translate(0, .7rem) scale(.98);
        box-shadow: 0 .7rem 1.9rem 0 rgba(20, 35, 60, .06);
      }

      .Insights__insights__HpvLR:hover .Insights__insightsItem__jwUNP:nth-child(3) {
        transform: translate(0, 1.2rem) scale(.96);
        box-shadow: 0 .7rem 1.9rem 0 rgba(20, 35, 60, .06);
      }
  }

.Insights__insightsItem__jwUNP,
.Insights__previous__8RGd1,
.Insights__dismissed__kt4rE {
  width: var(--insight-width);
  transform-origin: top;
}

@media (min-width: 768px) {

.Insights__insightsItem__jwUNP,
.Insights__previous__8RGd1,
.Insights__dismissed__kt4rE {
    width: var(--insight-width-one-column);
}
  }

.Insights__insightsItem__jwUNP {
  height: 100%;
}

@media (min-width: 768px) {

.Insights__insightsItem__jwUNP {
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
    transition: all var(--animation-duration) ease;
}

    .Insights__insightsItem__jwUNP:nth-child(2) {
      position: absolute;
      z-index: 1;
      left: 0;
    }

    .Insights__insightsItem__jwUNP:nth-child(3) {
      position: absolute;
      z-index: 0;
    }
  }

.Insights__fullWidth__eAw5J .Insights__insightsItem__jwUNP {
    width: 100%;
  }

.Insights__fullWidth__eAw5J {}

.Insights__previous__8RGd1,
.Insights__dismissed__kt4rE {
  position: absolute;
  z-index: 3;
  top: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

@media (min-width: 768px) {

.Insights__previous__8RGd1 {
    animation: Insights__prevAnimation__R5uA1 var(--animation-duration) ease;
}
  }

.Insights__dismissed__kt4rE {
  transform-origin: left;
  animation: Insights__dismissedAnimation__V\+Vvm var(--animation-duration) ease;
}

@keyframes Insights__prevAnimation__R5uA1 {
  0% {
    visibility: visible;
    transform: none;
    opacity: 1;
  }

  100% {
    transform: translate(0, -.7rem) scale(1.01);
    opacity: 0;
  }
}

@keyframes Insights__dismissedAnimation__V\+Vvm {
  0% {
    visibility: visible;
    transform: none;
    opacity: 1;
  }

  100% {
    transform: translate(0, 6.9rem) rotate(15deg);
    opacity: 0;
  }
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --content-padding-h: 16px;
}

.Annotation__fixed__xSgIX {
}

.Annotation__responsive__S5ciL {
}

.Annotation__moduleClass__K9inx {
}

.Annotation__annotation__4Ug-K {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 700px;
  box-sizing: border-box;
  padding: 0 0 var(--content-padding-h);
  min-height: 124px;
  border-radius: var(--insight-border-radius);
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.05);
}

.Annotation__annotation__4Ug-K.Annotation__blue__FOlav {
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.15);
  }

.Annotation__annotation__4Ug-K.Annotation__expanded__yPRjf {
    border-radius: var(--insight-border-radius) var(--insight-border-radius) 0 0;
  }

@media (min-width: 768px) {

.Annotation__annotation__4Ug-K.Annotation__fixed__xSgIX {
      max-width: auto;
      min-height: 118px;
  }
    }

.Annotation__annotation__4Ug-K.Annotation__moduleInsight__Ke3kX {
    border-radius: 0;
  }

.Annotation__header__0L57q {
  border-bottom: 1px solid var(--silver);
  text-align: right;
}

.Annotation__postMode__yF9KP {
}

.Annotation__closeButton__Wlyk2 {
  display: inline-block;
  height: 16px;
  width: 16px;
  padding: 16px 16px 15px;
  color: var(--stone);
  opacity: 0.6;
  cursor: pointer;
  transition: color var(--fastest);
}

.Annotation__closeButton__Wlyk2:hover {
    color: var(--slate);
  }

.Annotation__fixed__xSgIX .Annotation__closeButton__Wlyk2 {
    align-self: flex-end;
  }

.Annotation__postMode__yF9KP .Annotation__closeButton__Wlyk2 {
    height: 35px;
  }

@media (min-width: 768px) {

.Annotation__postMode__yF9KP .Annotation__closeButton__Wlyk2 {
      height: 48px;
  }
    }

.Annotation__content__946oF {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 4px;
  padding: 0 var(--content-padding-h);
}

.Annotation__text__xIxxs {
  position: relative;
  flex: 1;
  opacity: 1;
  font-size: 14px;
  font-weight: var(--medium);
  z-index: 0;
  transition: opacity var(--fastest);
  color: var(--slate);
}

.Annotation__text__xIxxs ul {
    list-style: inside disc;
  }

.Annotation__text__xIxxs ol {
    list-style: inside decimal;
  }

.Annotation__blue__FOlav .Annotation__text__xIxxs {
    color: var(--heading-text-color);
  }

.Annotation__blue__FOlav .Annotation__text__xIxxs a {
      color: var(--action);
    }

.Annotation__blue__FOlav .Annotation__text__xIxxs a:hover {
        color: var(--light-action);
      }

.Annotation__title__uZwaw {
  font-size: 10px;
  color: var(--stone);
  font-weight: var(--medium);
  line-height: 1.15;
  font-family: var(--sans);
  text-transform: uppercase;
  padding: 0 var(--content-padding-h);
  margin-top: 12px;
}

.Annotation__blue__FOlav .Annotation__title__uZwaw {
    color: var(--oxford);
  }

.Annotation__golden__uRVGa {
  background: linear-gradient(45deg, #f5dd4e 0%, #eaf639 50%, #f8e71c 100%);
}

.Annotation__blue__FOlav {
  background-color: var(--inactive-oxford);
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --padding-h: 16px;
  --padding-v: 16px;

  --header-height: 20px;
  --footer-height: 27px;
}

.Insight__insight__DKQ08 {
  position: relative;
  z-index: 0;
  height: 100%;
}

.Insight__notTouchable__HPSJy {
  pointer-events: none;
}

.Insight__sponsoredLabel__BsZ7U {
  position: absolute;
  top: -20px;
  right: 16px;
  font-size: 12px;
  color: var(--storm);
}

@media (min-width: 375px) {

.Insight__sponsoredLabel__BsZ7U {
    right: 0;
}
  }

@media (min-width: 768px) {

.Insight__sponsoredLabel__BsZ7U {
    width: auto;
}
  }

.Insight__noCard__Ot5ie {
}

.Insight__body__c-F4O {
  background-color: var(--salt);
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  overflow: hidden;
  height: 100%;
  box-sizing: border-box;
  color: color(var(--slate) l(+20));
  font-weight: var(--regular);
  border: 1px solid var(--satin);
  border-left-width: 0;
  border-right-width: 0;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.05);
}

.Insight__body__c-F4O a {
    word-break: break-word;
  }

.Insight__body__c-F4O:hover .Insight__mediaPlaceholder__\+xDdA::after {
      opacity: 0;
    }

.Insight__body__c-F4O:hover .Insight__mediaImage__VgLSe {
      filter: none;
    }

@media (min-width: 375px) {

.Insight__body__c-F4O {
    border-left-width: 1px;
    border-right-width: 1px;
    border-radius: var(--insight-border-radius);
}
  }

.Insight__noCard__Ot5ie .Insight__body__c-F4O {
    border: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
  }

/* Placement styles */

.Insight__isPage__BJSzg {
}

.Insight__isHighlight__6ATj3 .Insight__body__c-F4O {
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.15);
  }

.Insight__isHighlight__6ATj3 .Insight__scrollableWrapper__00ojQ {
    max-height: 350px;
  }

@media (min-width: 768px) {

.Insight__isHighlight__6ATj3 .Insight__scrollableWrapper__00ojQ {
      max-height: 400px;
  }
    }

.Insight__isHighlight__6ATj3 .Insight__sponsoredLabel__BsZ7U {
    color: var(--smoke);
  }

.Insight__isModule__3yQlM .Insight__body__c-F4O {
    border-radius: 0;
    border-left-width: 0;
    border-right-width: 0;
  }

@media (min-width: 768px) {

.Insight__isModule__3yQlM .Insight__body__c-F4O {
      border-radius: 0 0 var(--insight-border-radius)
        var(--insight-border-radius);
      border-left-width: 1px;
      border-right-width: 1px;
  }
    }

.Insight__isModule__3yQlM .Insight__header__-qRGi {
    border-bottom-color: transparent;
    padding-bottom: 0;
  }

/* Left border styles */

.Insight__none__Mmq8O {
}

.Insight__green__zPziw,
.Insight__blue__skfOM,
.Insight__orange__OHREP,
.Insight__red__RVAnK {
  padding-left: 4px;
}

.Insight__green__zPziw {
  box-shadow: 4px 0 var(--success) inset;
}

.Insight__blue__skfOM {
  box-shadow: 4px 0 var(--action) inset;
}

.Insight__orange__OHREP {
  box-shadow: 4px 0 var(--warning) inset;
}

.Insight__red__RVAnK {
  box-shadow: 4px 0 var(--danger) inset;
}

/* Header */

.Insight__header__-qRGi {
  width: 100%;
  box-sizing: border-box;
  padding: 12px var(--padding-h);
  border-bottom: 1px solid var(--silver);
  flex: 0 0 auto;
  display: flex;
  flex-flow: row nowrap;
}

.Insight__header__-qRGi:empty {
    display: none;
  }

.Insight__leftBadgeWrapper__oOK1S:empty, .Insight__rightBadgeWrapper__KRtlH:empty {
    display: none;
  }

.Insight__leftBadgeWrapper__oOK1S {
  flex: 1;
  align-self: flex-start;
  display: flex;
  flex-flow: row nowrap;
}

.Insight__rightBadgeWrapper__KRtlH {
  flex: 0 0 auto;
  margin-right: -8px;
}

.Insight__category__bxJ8D {
  font-size: 12px;
  font-weight: var(--medium);
  line-height: 1.15;
  font-family: var(--sans);
  color: var(--smoke);
  text-transform: uppercase;
  padding: 0 var(--padding-h);
  margin-top: 12px;
}

/* Content */

.Insight__scrollableWrapper__00ojQ {
  max-height: calc(
    var(--insights-height-tiny) - (var(--padding-v) * 3) -
      var(--header-height) - var(--footer-height)
  );
  width: 100%;
  flex: 1 1 100%;
  margin-bottom: 12px;
}

@media (min-width: 375px) {

.Insight__scrollableWrapper__00ojQ {
    max-height: calc(
      var(--insights-height-small) - (var(--padding-v) * 3) -
        var(--header-height) - var(--footer-height)
    );
}
  }

@media (min-width: 768px) {

.Insight__scrollableWrapper__00ojQ {
    max-height: calc(
      var(--insights-height-one-column) - (var(--padding-v) * 3) -
        var(--header-height) - var(--footer-height)
    );
}
  }

.Insight__scrollableWrapper__00ojQ.Insight__notScrollable__1r0p1 {
    max-height: none;
  }

.Insight__content__QfBHR {
  padding: 0 var(--padding-h);
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}

.Insight__category__bxJ8D + .Insight__scrollableWrapper__00ojQ .Insight__content__QfBHR {
  margin-top: 8px;
}

.Insight__title__StRiA {
  position: relative;
  margin-bottom: 8px;
  color: var(--heading-text-color);
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.3px;
}

.Insight__text__9EVry {
  font-size: 16px;
  opacity: 1;
  color: var(--body-text-color);
  transition: opacity var(--fastest);
}

.Insight__text__9EVry b,
  .Insight__text__9EVry strong {
    font-weight: 600;
  }

.Insight__text__9EVry i,
  .Insight__text__9EVry em {
    font-style: italic;
  }

.Insight__text__9EVry u {
    text-decoration: underline;
  }

.Insight__text__9EVry s,
  .Insight__text__9EVry strike {
    text-decoration: line-through;
  }

.Insight__text__9EVry ul {
    list-style: disc inside;
  }

.Insight__text__9EVry ol {
    list-style: decimal inside;
  }

.Insight__hasNoTitle__ef0lx .Insight__text__9EVry {
  color: var(--heading-text-color);
}

/* Footer */

.Insight__footer__Wu7KF {
  flex: 0 0 auto;
  align-self: flex-end;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  justify-content: flex-end;
  align-items: center;
  margin: 0 0 12px;
  padding: 0 var(--padding-h);
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --insight-media-max-width: 640px;
}

.Media__media__Jh-mb {
  margin: 20px 0;
  font-size: 0;
}

.Media__media__Jh-mb:first-child {
    margin-top: 0;
  }

.Media__media__Jh-mb:last-child {
    margin-bottom: 0;
  }

.Media__media__Jh-mb.Media__ieFix__uCim9 {
    background: 50% 50% no-repeat;
    background-size: cover;
  }

.Media__media__Jh-mb.Media__ieFix__uCim9 .Media__image__\+QNAd {
      filter: none;
      opacity: 0;
      height: 100%;
    }

.Media__playIcon__OoZwk,
.Media__spinnerContainer__7jHe- {
  position: absolute;
  top: 10px;
  left: 25px;
}

.Media__playIcon__OoZwk {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-width: 20px;
  border-left-color: #ffffff;
}

.Media__spinnerContainer__7jHe- {
  width: 20px;
  height: 20px;
}

.Media__videoButton__h0cLM {
  position: relative;
  width: 65px;
  height: 40px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, .5);
  z-index: 1;
  cursor: pointer;
}

.Media__videoButton__h0cLM:hover {
    background: #00adef;
  }

.Media__videoButton__h0cLM.Media__isLoading__crT9s {
    pointer-events: none;
  }

.Media__image__\+QNAd,
.Media__video__1ZSt2 {
  position: absolute;
  left: 0;
  top: 0;

  width: 100%;
  max-width: var(--insight-media-max-width);
}

@media (hover: hover) {

.Media__image__\+QNAd {
    filter: saturate(.75);
    transition: filter var(--fastest);
}
  }

.Media__video__1ZSt2 {
  height: 100%;
}

.Media__videoThumbnail__fWNFY {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
}

.Media__placeholder__l7qSc {
  position: relative;
}

.Media__placeholder__l7qSc .Media__image__\+QNAd,
  .Media__placeholder__l7qSc .Media__video__1ZSt2,
  .Media__placeholder__l7qSc .Media__videoThumbnail__fWNFY {
    position: absolute;
    top: 0;
    left: 0;
  }

@media (hover: hover) {
      .Media__placeholder__l7qSc.Media__hasGradient__0ML5C::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: inset 0 0 100px var(--salt);
        opacity: .5;
        transition: opacity var(--fastest);
      }
    }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.VideoInPopupPlayer__videoInPopupPlayer__zg4I9{content:''}.VideoInPopupPlayer__wideScreen__3qd-P{position:relative;width:100%}@media screen and (min-width: 1024px){.VideoInPopupPlayer__wideScreen__3qd-P{width:60%}}.VideoInPopupPlayer__wideScreenHeight__T-0sX{position:relative;padding-top:calc(100% / var(--ratio))}.VideoInPopupPlayer__wideScreenContent__3EU61{position:absolute;top:0;left:0;width:100%;height:100%}.VideoInPopupPlayer__closeButton__SUPKt{position:absolute;z-index:10;top:-2rem;right:1rem;cursor:pointer}@media screen and (min-width: 1024px){.VideoInPopupPlayer__closeButton__SUPKt{right:-2rem}}@media screen and (max-device-width:767px) and (min-aspect-ratio:14/9){.VideoInPopupPlayer__closeButton__SUPKt{top:1rem;right:1rem}}.VideoInPopupPlayer__fullscreenWrapper__ylQDw{position:relative;width:100%;height:100%}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.Badge__badge__FJ8kW {
  flex: 0 0 auto;
  z-index: 2;
  position: relative;
  color: var(--shale);
  margin-right: 8px;
  cursor: default;
  transition: opacity var(--fast);
}

.Badge__badge__FJ8kW:not(.Badge__expanded__RTPwE):hover .Badge__chevron__KcAsI {
      transform: translateX(3px);
    }

.Badge__badge__FJ8kW.Badge__expanded__RTPwE::before {
      opacity: 0;
    }

.Badge__badge__FJ8kW.Badge__expanded__RTPwE .Badge__chevron__KcAsI {
      transform: translateY(-2px) rotate(90deg);
    }

.Badge__badge__FJ8kW.Badge__faded__OtZAy {
    opacity: .5;
  }

.Badge__badge__FJ8kW.Badge__withChevron__ti8My {
    cursor: pointer;
  }

.Badge__background__8fdK6 {
  border-radius: 4px;
}

.Badge__regular__jAKCN {
  padding: 5px 8px;
  padding-bottom: 3px;
}

.Badge__small__vMue6 {
  padding: 4px 8px;
  padding-bottom: 2px;
}

.Badge__iconWrapper__0XSBp {
  position: absolute;
  width: 22px;
  height: 22px;
  top: -2px;
  left: 0;
  border-radius: 50%;
  border: 1px solid currentColor;
}

.Badge__iconWrapper__0XSBp + .Badge__background__8fdK6 {
    margin-left: 16px;
    padding-left: 12px;
  }

.Badge__icon__dEmja {
  width: 14px;
  height: 14px;
  margin: 4px;
}

.Badge__text__OT3Dm {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  font-size: 11px;
  line-height: 12px;
  white-space: nowrap;
  text-transform: capitalize;
}

.Badge__chevron__KcAsI {
  height: 10px;
  width: 10px;
  display: inline-block;
  margin-left: 4px;
  transform-origin: 50% 66%;
  transition: transform var(--fast);
}

.Badge__golden__YFZQS .Badge__background__8fdK6 {
    position: relative;
    border: none;
  }

.Badge__golden__YFZQS .Badge__background__8fdK6::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(-45deg, #f5dd4e 0%, #eaf639 50%, #f8e71c 100%);
      border-radius: 4px;
      transition: opacity var(--fast);
    }

.Badge__golden__YFZQS .Badge__iconWrapper__0XSBp {
    background: #eaf639;
    border: 1px solid #f5dd4e;
    z-index: 1;
  }

.Badge__blue__mRiCo .Badge__background__8fdK6,
  .Badge__blue__mRiCo .Badge__iconWrapper__0XSBp {
    background-color: var(--inactive-oxford);
    color: var(--oxford);
  }

.Badge__gray__vZQO5 .Badge__background__8fdK6,
  .Badge__gray__vZQO5 .Badge__iconWrapper__0XSBp {
    background-color: var(--satin);
    border-color: var(--satin);
  }

.Badge__fresh__8oi32 {
  color: var(--salt);
  z-index: 0;
}

.Badge__fresh__8oi32 .Badge__background__8fdK6,
  .Badge__fresh__8oi32 .Badge__iconWrapper__0XSBp {
    background-color: var(--success);
    border-color: var(--success);
  }

.Badge__fresh__8oi32 .Badge__iconWrapper__0XSBp {
    color: var(--salt);
  }

.Badge__success__dcqvi {
  color: var(--success-800);
}

.Badge__success__dcqvi .Badge__background__8fdK6 {
    background-color: color(var(--success) l(+25));
    border-color: var(--success);
  }

.Badge__success__dcqvi .Badge__iconWrapper__0XSBp {
    color: var(--salt);
    background-color: var(--success);
    border-color: var(--success);
  }

.Badge__info__F4QOx .Badge__background__8fdK6 {
    background-color: var(--light-action);
    border-color: var(--action);
  }

.Badge__info__F4QOx .Badge__iconWrapper__0XSBp {
    color: var(--salt);
    background-color: var(--action);
    border-color: var(--action);
  }

.Badge__warning__8HsPP {
  color: var(--warning-800);
}

.Badge__warning__8HsPP .Badge__background__8fdK6 {
    background-color: color(var(--warning) l(+25));
    border-color: var(--warning);
  }

.Badge__warning__8HsPP .Badge__iconWrapper__0XSBp {
    color: var(--salt);
    background-color: var(--warning);
    border-color: var(--warning);
  }

.Badge__alert__UubHN {
  color: var(--danger-800);
}

.Badge__alert__UubHN .Badge__background__8fdK6 {
    background-color: var(--light-danger);
    border-color: var(--danger);
  }

.Badge__alert__UubHN .Badge__iconWrapper__0XSBp {
    color: var(--salt);
    background-color: var(--danger);
    border-color: var(--danger);
  }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ExpandableAnnotation__annotation__6z65U{position:absolute;top:0;left:0;width:100%;z-index:1;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:scale(.1);-moz-transform:scale(.1);-o-transform:scale(.1);-ms-transform:scale(.1);transform:scale(.1);-webkit-transition:-webkit-transform 250ms, opacity 250ms ease-out;-moz-transition:-moz-transform 250ms, opacity 250ms ease-out;-o-transition:-o-transform 250ms, opacity 250ms ease-out;-ms-transition:-ms-transform 250ms, opacity 250ms ease-out;transition:transform 250ms, opacity 250ms ease-out;pointer-events:none}.ExpandableAnnotation__annotation__6z65U.ExpandableAnnotation__expanded__Nu8Dz{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-ms-filter:none;filter:none;pointer-events:auto}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.Carousel__textCenter__iAiUM {
  text-align: center;
}

.Carousel__carousel__RH2X2 > div {
    height: 100%;
  }

.Carousel__carouselInner__wGYA- {
  display: flex;
  flex-direction: row;
}

.Carousel__carouselSlideWrpaper__M0IuU {
  flex-shrink: 0;
  width: 100%;
}

.Carousel__slideWrapper__bv0AL {
  height: 100%;
}

.Carousel__invisible__ipYZj {
  opacity: 0;
  overflow: hidden;
  height: 1px;
  pointer-events: none;
}

/* TODO @mkhazov handle the case of more than 13 dots */

.Carousel__dots__EVRzm {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}

.Carousel__dot__r\+c06 {
  position: relative;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: solid 2px var(--storm);
  border-radius: 100%;
  background: rgba(216, 216, 216, 0);
  cursor: pointer;
  flex-shrink: 0;
}

.Carousel__dot__r\+c06::before {
      content: '';
      position: absolute;
      border-radius: 50%;
      cursor: pointer;
      top: -4px;
      right: -4px;
      bottom: -4px;
      left: -4px;
    }

.Carousel__dot__r\+c06:not(:last-child) {
    margin-right: 16px;
  }

.Carousel__activeDot__981uY {
  border-color: var(--action);
  background-color: var(--action);
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.ModuleHeader__textCenter__RsH4L {
  text-align: center;
}

.ModuleHeader__moduleHeader__hHqD7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 var(--space-small) 10px;
}

@media (min-width: 375px) {

.ModuleHeader__moduleHeader__hHqD7 {
    margin-left: 0;
    margin-right: 0;
}
  }

.ModuleHeader__noPadding__yeeqT {
  margin-left: 0;
}

.ModuleHeader__responsive__\+jp2H {
  padding: 0 12px;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 375px) {

.ModuleHeader__responsive__\+jp2H {
    padding: 0;
}
  }

.ModuleHeader__title__rMEPo {
  display: inline-block;
}

.ModuleHeader__subtitle__zlHW5 {
  margin-left: .34rem;
}

.ModuleHeader__blockName__ZCfa2 {
  flex-shrink: 0;
  position: relative;
  display: flex;
  justify-content: center;
  gap: 4px;
}

.ModuleHeader__rightArrow__\+jNAl {
  position: relative;
  display: inline-block;
  margin-left: .17rem;
  margin-bottom: 1px;
  border: 4px solid transparent;
  border-left-color: var(--heading-text-color);
  transition: transform var(--fastest) var(--ease-out-quint);
}

@media (min-width: 768px) {

.ModuleHeader__rightArrow__\+jNAl {
    margin-bottom: 0;
}
  }

.ModuleHeader__title__rMEPo:hover .ModuleHeader__rightArrow__\+jNAl {
    transform: translateX(3px);
  }

.ModuleHeader__headerInner__06PH6 {
  display: inline-block;
  vertical-align: middle;
}

.ModuleHeader__tooltipIconWrapper__wyr2s {
  padding-top: 1px;
  z-index: 2;
}

.ModuleHeader__tooltipIconWrapper__wyr2s.ModuleHeader__withChevron__5OJ7X {
    margin-left: .41rem;
  }

.ModuleHeader__moduleHeader__hHqD7.ModuleHeader__connected__Wq1qp {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  margin-bottom: 0;
  padding: 4px 12px;
  background: var(--neutral-800);
  color: var(--salt);
}

@media (min-width: 375px) {

.ModuleHeader__moduleHeader__hHqD7.ModuleHeader__connected__Wq1qp {
    padding: 4px 16px;
}
  }

.ModuleHeader__moduleHeader__hHqD7.ModuleHeader__connected__Wq1qp a,
  .ModuleHeader__moduleHeader__hHqD7.ModuleHeader__connected__Wq1qp button {
    color: var(--cyan-200);
  }

.ModuleHeader__moduleHeader__hHqD7.ModuleHeader__connected__Wq1qp h2 {
    color: var(--neutral-100);
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.PageFooterButton__pageFooterButton__v8sIu {
  padding-bottom: var(--module-wrapper-margin);
  text-align: center;
}

.PageFooterButton__pageFooterButtonInner__Wm5jW {
  display: inline-block;
  width: 14.5rem;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --compensatory-margin-bottom: calc(-1 * var(--space-tiny));
}

.TrendRank__trendRankWrapper__gHOhK {
  display: flex;
  flex-direction: column;
  text-align: right;

  /* to compensate a legend padding on mobiles */
  margin-bottom: var(--compensatory-margin-bottom);
}

@media (min-width: 768px) {

.TrendRank__trendRankWrapper__gHOhK {
    margin-bottom: 0;
}
  }

.TrendRank__badgeWrapper__LeSX3 {
  display: inline-flex;
  height: 32px;
  align-items: center;
  order: 1;
  cursor: pointer;
  white-space: nowrap;
}

@media (min-width: 768px) {

.TrendRank__badgeWrapper__LeSX3 {
    justify-content: flex-end;
    order: 0;
}
  }

.TrendRank__sliderWrapper__Fjk-F {
  order: 0;
  text-align: left;
}

@media (min-width: 768px) {

.TrendRank__sliderWrapper__Fjk-F {
    order: 1;
}
  }

.TrendRank__title__SxQVf {
  display: flex;
  justify-content: space-between;
}

.TrendRank__hideRanking__wXP\+Q {}

.TrendRank__slideButton__Koih4 {
  margin-left: 16px;
  transition: opacity var(--fast) var(--ease-out);
}

.TrendRank__slideButton__Koih4 button {
    text-align: right;
  }

.TrendRank__slideButton__Koih4.TrendRank__hideRanking__wXP\+Q {
    opacity: 0;
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

/*
  data-active-type can't be member right now
  TODO change that unobvious behavior
*/

:root {
  --line-chart-limit-label-width: 64px;
  --compensation-margin: 1.5rem;
}

.LineChart__lineChart__CneXC {
  position: relative;
  height: 100%;
  display: flex;
}

.LineChart__isMobile__9gDB7 {}

.LineChart__limits__r69Y5 {
  width: var(--line-chart-limit-label-width);
}

.LineChart__chartContainer__n8xSy {
  position: relative;
  /* for tooltips be above the avg lines and their captions */
  z-index: 2;
  width: 100%;
  /* to compensate axis copies positioning */
  height: calc(100% - var(--compensation-margin));
  /* to compensate protruded last day axis label (i.e. `30th`) */
  margin: 0 8px;
}

/* This wacky positioning is because of FRO-1223 */

.LineChart__chart__ThXQ4 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* LINES */

.LineChart__line__UB33C {
  fill: none;
  stroke-width: 2px;
}

.LineChart__memberLine__KecYV,
.LineChart__memberProjectionLine__eE3JW {
  stroke: rgb(73, 90, 185);
  stroke-width: 3px;
}

.LineChart__memberProjectionLine__eE3JW,
.LineChart__peersProjectionLine__uxSVK,
.LineChart__otherProjectionLine__kKPk4 {
  stroke-dasharray: 4;
  opacity: .4;
}

.LineChart__peersLine__bH7iO,
.LineChart__peersProjectionLine__uxSVK {
  stroke: var(--coral-300);
}

.LineChart__otherLine__ODwB8,
.LineChart__otherProjectionLine__kKPk4 {
  stroke: var(--merlot-300);
}

.LineChart__peersProjectionLine__uxSVK,
.LineChart__otherProjectionLine__kKPk4 {
  opacity: .4;
}

.LineChart__chart__ThXQ4[data-active-type] .LineChart__line__UB33C {
  opacity: .2;
}

/* TODO @rendalf try without these rules */

.LineChart__chart__ThXQ4[data-active-type="member"] .LineChart__memberLine__KecYV,
.LineChart__chart__ThXQ4[data-active-type="peers"] .LineChart__peersLine__bH7iO,
.LineChart__chart__ThXQ4[data-active-type="other"] .LineChart__otherLine__ODwB8 {
  opacity: 1;
}

/* CIRCLES */

.LineChart__circle__V1G-y {
  fill: black;
  stroke: var(--salt);
}

.LineChart__memberDot__mpwxl,
.LineChart__memberDotHidden__u2GRr {
  fill: var(--oxford);
  stroke: var(--oxford-100);
}

.LineChart__peersDot__BFww8,
.LineChart__peersDotHidden__MU8\+p {
  fill: var(--coral);
  /* stroke: var(--coral-100); */
  stroke: var(--salt);
}

.LineChart__otherDot__7SrN6,
.LineChart__otherDotHidden__Ev0Mt {
  fill: var(--merlot);
  /* stroke: var(--merlot-100); */
  stroke: var(--salt);
}

.LineChart__memberDotHidden__u2GRr {
  display: none;
  fill: color(var(--oxford) l(+30));
}

.LineChart__peersDotHidden__MU8\+p {
  display: none;
  fill: var(--coral-300);
  /* fill: color(var(--coral) l(+10)); */
}

.LineChart__otherDotHidden__Ev0Mt {
  display: none;
  fill: var(--merlot-300);
  /* fill: color(var(--merlot) l(+20)); */
}

.LineChart__chart__ThXQ4[data-active-type="peers"] .LineChart__memberDot__mpwxl,
.LineChart__chart__ThXQ4[data-active-type="other"] .LineChart__memberDot__mpwxl,
.LineChart__chart__ThXQ4[data-active-type="peers"] .LineChart__otherDot__7SrN6,
.LineChart__chart__ThXQ4[data-active-type="other"] .LineChart__peersDot__BFww8 {
  display: none;
}

.LineChart__chart__ThXQ4[data-active-type="peers"] .LineChart__memberDotHidden__u2GRr,
.LineChart__chart__ThXQ4[data-active-type="other"] .LineChart__memberDotHidden__u2GRr,
.LineChart__chart__ThXQ4[data-active-type="peers"] .LineChart__otherDotHidden__Ev0Mt,
.LineChart__chart__ThXQ4[data-active-type="other"] .LineChart__peersDotHidden__MU8\+p {
  display: block;
}

/* AREAS */

.LineChart__area__2RhvH {
  opacity: 0;
}

.LineChart__maxValuesArea__sFx5M {
}

.LineChart__memberArea__jKmEh {
  opacity: 1;
  transition: opacity .2s ease-in-out;
}

.LineChart__memberProjectionArea__TOa5s {
  fill: rgba(73, 90, 185, .05);
  opacity: 1;
  transition: opacity .2s ease-in-out;
}

.LineChart__peersArea__Yn2Jk,
.LineChart__otherArea__lCYy6 {
}

.LineChart__peersProjectionArea__qnFh3 {
  fill: rgba(248, 132, 132, .05);
}

.LineChart__otherProjectionArea__0-TWk {
  fill: rgba(176, 96, 120, .05);
}

.LineChart__chart__ThXQ4[data-active-type="other"] .LineChart__memberArea__jKmEh,
.LineChart__chart__ThXQ4[data-active-type="other"] .LineChart__memberProjectionArea__TOa5s,
.LineChart__chart__ThXQ4[data-active-type="peers"] .LineChart__memberArea__jKmEh,
.LineChart__chart__ThXQ4[data-active-type="peers"] .LineChart__memberProjectionArea__TOa5s {
  opacity: 0;
  transition: opacity .2s ease-in-out;
}

.LineChart__chart__ThXQ4[data-active-type="peers"] .LineChart__peersArea__Yn2Jk,
.LineChart__chart__ThXQ4[data-active-type="peers"] .LineChart__peersProjectionArea__qnFh3,
.LineChart__chart__ThXQ4[data-active-type="other"] .LineChart__otherArea__lCYy6,
.LineChart__chart__ThXQ4[data-active-type="other"] .LineChart__otherProjectionArea__0-TWk {
  opacity: 1;
  transition: opacity .2s ease-in-out;
}

/* TOOLTIP (HTML) */

.LineChart__tooltip__5hfwM {
  position: absolute;
  display: block;
  margin-bottom: 6px;
  padding: .5rem .7rem;
  border-radius: 4px;
  background-color: var(--oxford);
  color: var(--light-text-color);
  font-family: var(--sans);
  font-size: .75rem;
  font-weight: var(--semi-bold);
  line-height: 1.5;
  opacity: 0;
  /* Don't let the partially-hidden tooltip blockmouse actions on other elements. */
  pointer-events: none;
  white-space: nowrap;
}

.LineChart__tooltip__5hfwM[data-tooltip-type="member"],
.LineChart__tooltip__5hfwM[data-tooltip-type="member"]::after {
  background-color: var(--oxford);
}

.LineChart__tooltip__5hfwM[data-tooltip-type="other"],
.LineChart__tooltip__5hfwM[data-tooltip-type="other"]::after {
  background-color: var(--merlot);
}

.LineChart__tooltip__5hfwM[data-tooltip-type="peers"],
.LineChart__tooltip__5hfwM[data-tooltip-type="peers"]::after {
  background-color: var(--coral);
}

.LineChart__tooltip__5hfwM::after {
  content: '';
  position: absolute;
  left: calc((100% - .5rem) / 2);
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background-color: var(--oxford);
}

.LineChart__tooltipUp__B52Od::after {
  bottom: -.1875rem;
}

.LineChart__tooltipDown__\+6JjY {
  transform: translate(0, 100%);
}

.LineChart__tooltipDown__\+6JjY::after {
    top: -3px;
  }

.LineChart__tooltipVisible__VuoXv {
  margin-bottom: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
  opacity: 1;
  transition: margin-bottom .2s ease-in-out, opacity .2s ease-in-out;
}

.LineChart__defaultTooltips__3zUJK {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.LineChart__defaultTooltip__nKj4I {
}

.LineChart__defaultTooltipsHidden__3kaSV .LineChart__defaultTooltip__nKj4I {
    margin-bottom: 6px;
    opacity: 0;
    transition: none;
  }

/* LIMITS */

.LineChart__limitLine__UefrE {
  fill: none;
  stroke: var(--chart-axis);
  stroke-width: 2;
  stroke-dasharray: 7 4;
  /* prevent blinking tooltip */
  pointer-events: none;
}

.LineChart__majorLimitLine__8wYsj,
.LineChart__minorLimitLine__V7fkb {
}

.LineChart__majorLimitLine__8wYsj {
  stroke-dasharray: 0;
}

.LineChart__memberLine__KecYV {
  stroke: var(--oxford);
}

.LineChart__limitLabel__sLAVk {
  position: absolute;
  width: var(--line-chart-limit-label-width);
  margin-right: 8px;
  transform: translate(0, -50%);
  color: var(--silver);
  font-size: 12px;
  text-transform: uppercase;
  cursor: default;
  z-index: 1;
}

.LineChart__limitLabel__sLAVk.LineChart__limitLabelMovedUp__x9EVq {
    transform: translate(0, -100%);
  }

.LineChart__limitLabel__sLAVk.LineChart__limitLabelMovedDown__86XEc {
    transform: translate(0, 0);
  }

.LineChart__majorLimitLabel__OJi\+Q,
.LineChart__minorLimitLabel__nyTUi {
}

.LineChart__limitTitle__Xth8b {
  line-height: 1.1;
}

.LineChart__memberTheme__Ay\+c4 {
  color: var(--oxford);
}

.LineChart__limitCaption__0MwFR {
}

/* OTHERS */

.LineChart__defaultHoverMarkers__wKn6V {
  visibility: visible;
}

.LineChart__defaultHoverMarkers__wKn6V.LineChart__defaultHoverMarkersHidden__CBJy- {
    visibility: hidden;
  }

.LineChart__hoverMarker__aFePm,
.LineChart__defaultHoverMarker__PLqvA {
  stroke: var(--chart-axis);
  stroke-width: 2;
  pointer-events: none;
}

.LineChart__axisX__GB3Gs {
  stroke: var(--chart-axis);
  stroke-width: 2;
  pointer-events: none;
}

.LineChart__divider__mEAVR {
  width: 2px;
  height: 6px;        /* should be same as X_STOP_HEIGHT */
  fill: var(--chart-axis);
}

.LineChart__defaultTips__zFMuM {
  visibility: visible;
}

.LineChart__defaultTips__zFMuM.LineChart__defaultTipsHidden__jX491 {
    visibility: hidden;
  }

.LineChart__tip__dfPNb,
.LineChart__defaultTip__NUwY4 {
  fill: var(--chart-axis);
  font-size: .625rem;
}

.LineChart__section__nSPB4 {
  fill: var(--chart-axis);
  font-size: .625rem;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.LineChartLegend__chartLineLegend__X7\+H- {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  color: var(--storm);
  font-size: 10px;
  line-height: 1.2;
  text-transform: uppercase;
}

@media (min-width: 400px) {

.LineChartLegend__chartLineLegend__X7\+H- {
    justify-content: flex-start;
}
  }

.LineChartLegend__line__9iwMV {
  position: relative;

  white-space: nowrap;
}

.LineChartLegend__line__9iwMV::before,
  .LineChartLegend__line__9iwMV::after {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    height: 2px;
    background: var(--chart-limit);
  }

.LineChartLegend__line__9iwMV:not(:first-child) {
    margin-left: 14px;
  }

.LineChartLegend__line__9iwMV.LineChartLegend__solid__tXt9o {
    padding-left: 18px;
  }

.LineChartLegend__line__9iwMV.LineChartLegend__solid__tXt9o::before {
      width: 10px;
    }

.LineChartLegend__line__9iwMV.LineChartLegend__solid__tXt9o::after {
      content: initial;
    }

.LineChartLegend__line__9iwMV.LineChartLegend__dashed__iyX95 {
    padding-left: 25px;
  }

.LineChartLegend__line__9iwMV.LineChartLegend__dashed__iyX95::before,
    .LineChartLegend__line__9iwMV.LineChartLegend__dashed__iyX95::after {
      width: 7px;
    }

.LineChartLegend__line__9iwMV.LineChartLegend__dashed__iyX95::after {
      left: 10px;
    }

.LineChartLegend__line__9iwMV.LineChartLegend__member__WE4gN .LineChartLegend__label__kDcx4, .LineChartLegend__line__9iwMV.LineChartLegend__member__WE4gN .LineChartLegend__amount__71kja {
      color: var(--oxford);
    }

.LineChartLegend__line__9iwMV.LineChartLegend__member__WE4gN::before {
      background: var(--oxford);
    }

.LineChartLegend__label__kDcx4 {}

.LineChartLegend__amount__71kja {
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --headed-chart-height-tiny: 342px;
  --headed-chart-height-one-column: 480px;
}

.HeadedChartLayout__headedChartLayout__FyJnC {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: var(--headed-chart-height-tiny);
}

@media (min-width: 768px) {

.HeadedChartLayout__headedChartLayout__FyJnC {
    height: var(--headed-chart-height-one-column);
}
  }

.HeadedChartLayout__headedChartLayout__FyJnC.HeadedChartLayout__fullHeight__b6Lh6 {
    height: 100%;
  }

@media (min-width: 768px) {

.HeadedChartLayout__headedChartLayout__FyJnC.HeadedChartLayout__fullHeight__b6Lh6 {
      height: 100%;
  }
    }

.HeadedChartLayout__isMobile__jy0ue {}

.HeadedChartLayout__header__A5-qv {}

.HeadedChartLayout__preloader__jrcIS {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 48px;
}

@media (min-width: 768px) {

.HeadedChartLayout__preloader__jrcIS {
    bottom: 32px;
}
  }

.HeadedChartLayout__chartWrapper__8vcVM {
  flex-grow: 1;
  position: relative;
}

.HeadedChartLayout__chart__7egdA {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.HeadedChartLayout__legend__UrjhW {
  margin: 0 calc(-1 * var(--slider-padding-h)) 0;
  padding: 0 var(--space-default);
  height: 32px;
}

@media (min-width: 375px) {

.HeadedChartLayout__legend__UrjhW {
    margin-right: calc(-1 * var(--slider-padding-h-small));
    margin-left: calc(-1 * var(--slider-padding-h-small));
}
  }

.HeadedChartLayout__isMobile__jy0ue .HeadedChartLayout__legend__UrjhW {
    margin-top: 0;
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.MonthlyBarChart__textCenter__RprmC {
  text-align: center;
}

:root {
  --label-width: 65px;
  --label-margin-r: 8px;
  --pad-width: calc(var(--label-width) + var(--label-margin-r));
  --margin-bottom: 40px;

  --bar-w: 10px;
  --bar-narrow-w: 5px;

  /* 1/6 ratio */
  --bar-w-one-column: 8px;
  --back-bar-max-w-one-column: 112px;

  --bar-narrow-w-one-column: 4px;
  --back-bar-narrow-max-w-one-column: 48px;

  --bar-w-large: 8px;
  --back-bar-max-w-large: 128px;

  --bar-narrow-w-large: 6px;
  --back-bar-narrow-max-w-large: 64px;

  --label-translate-x: -100%;
}

.MonthlyBarChart__monthlyBarChart__1AnMj {
  position: relative;
  margin: 16px 0 0;
}

@media (min-width: 768px) {

.MonthlyBarChart__monthlyBarChart__1AnMj {
    margin-top: 24px;
}
  }

.MonthlyBarChart__totalChartHeight__yo0To {
  height: 176px;
}

.MonthlyBarChart__withProjections__HKtgu .MonthlyBarChart__totalChartHeight__yo0To {
    height: 146px;
  }

@media (min-width: 768px) {

.MonthlyBarChart__totalChartHeight__yo0To {
    height: 320px;
}

    .MonthlyBarChart__withProjections__HKtgu .MonthlyBarChart__totalChartHeight__yo0To {
      height: 294px;
    }
  }

.MonthlyBarChart__padded__-Lv9Y {}

.MonthlyBarChart__withLegend__kJKK- {
  margin-bottom: 0;
}

.MonthlyBarChart__withProjections__HKtgu {}

.MonthlyBarChart__bars__XAz7P {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 8px;
  margin-bottom: var(--margin-bottom);
}

.MonthlyBarChart__padded__-Lv9Y .MonthlyBarChart__bars__XAz7P {
    margin-left: var(--pad-width);
  }

.MonthlyBarChart__singleMonthWrapper__rHwPP {
  flex: 1 1 100%;
  margin-right: 18px;
}

.MonthlyBarChart__narrowBars__fNrdX .MonthlyBarChart__singleMonthWrapper__rHwPP {
    margin-right: 6px;
  }

@media (min-width: 375px) {

.MonthlyBarChart__singleMonthWrapper__rHwPP {
    margin-right: 24px;
}
  }

@media (min-width: 768px) {
    .MonthlyBarChart__narrowBars__fNrdX .MonthlyBarChart__singleMonthWrapper__rHwPP {
      margin-right: 18px;
    }
  }

@media (min-width: 1024px) {

.MonthlyBarChart__singleMonthWrapper__rHwPP {
    margin-right: 10px;
}
  }

.MonthlyBarChart__singleMonthWrapper__rHwPP:last-child {
    margin-right: 0;
  }

.MonthlyBarChart__selectedSingleMonthWrapper__S50r\+ {}

.MonthlyBarChart__barsContainer__w6Fdj {
  position: relative;
  z-index: 1;

  display: flex;
  height: 100%;
  align-items: flex-end;
  justify-content: center;
}

.MonthlyBarChart__narrowBars__fNrdX .MonthlyBarChart__backBar__jEWwm {
    font-size: .625rem;
    line-height: .9;
    z-index: 2;
  }

.MonthlyBarChart__hide__2QWpd {}

.MonthlyBarChart__bar__M8GkG {
  width: var(--bar-w);
  transition:
    background-color var(--fastest) var(--ease-out),
    height var(--fast) var(--ease-out),
    width var(--fast) var(--ease-out),
    margin var(--fast) var(--ease-out),
    opacity var(--fast) var(--ease-out),
    top var(--fast) var(--ease-out);
}

.MonthlyBarChart__narrowBars__fNrdX .MonthlyBarChart__bar__M8GkG {
    width: var(--bar-narrow-w);
  }

@media (min-width: 768px) {

.MonthlyBarChart__bar__M8GkG {
    width: var(--bar-w-one-column);
}

    .MonthlyBarChart__bar__M8GkG.MonthlyBarChart__backBar__jEWwm {
      max-width: var(--back-bar-max-w-one-column);
    }

    .MonthlyBarChart__narrowBars__fNrdX .MonthlyBarChart__bar__M8GkG {
      width: var(--bar-narrow-w-one-column);
    }

      .MonthlyBarChart__narrowBars__fNrdX .MonthlyBarChart__bar__M8GkG.MonthlyBarChart__backBar__jEWwm {
        max-width: var(--back-bar-narrow-max-w-one-column);
      }
  }

@media (min-width: 1440px) {

.MonthlyBarChart__bar__M8GkG {
    width: var(--bar-w-large);
}

    .MonthlyBarChart__bar__M8GkG.MonthlyBarChart__backBar__jEWwm {
      max-width: var(--back-bar-max-w-large);
    }

    .MonthlyBarChart__narrowBars__fNrdX .MonthlyBarChart__bar__M8GkG {
      width: var(--bar-narrow-w-large);
    }

      .MonthlyBarChart__narrowBars__fNrdX .MonthlyBarChart__bar__M8GkG.MonthlyBarChart__backBar__jEWwm {
        max-width: var(--back-bar-narrow-max-w-large);
      }
  }

.MonthlyBarChart__bar__M8GkG.MonthlyBarChart__hide__2QWpd {
    margin: 0;
    width: 0;
    opacity: 0;
  }

.MonthlyBarChart__backBar__jEWwm {
  position: relative;
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  width: auto;
  flex: 1 1 auto;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  /* Hack to prevent Chrome repaint/redraw bug in which labels dissapear */
  -webkit-transform: translate3d(0, 0, 0);
  background: var(--oxford);
  color: var(--oxford);
  will-change: height, top;
}

@media (min-width: 768px) {

.MonthlyBarChart__backBar__jEWwm {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
  }

.MonthlyBarChart__value__aXwwY {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    color: inherit;
    font-size: 0.8rem;
    font-weight: var(--semi-bold);
    line-height: 1;
  position: absolute;
  z-index: 1;
  right: 0;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-self: baseline;
  justify-content: center;
  padding: 0 2px;
  transform: translateY(-1rem);
  pointer-events: none;
  white-space: nowrap;
}

.MonthlyBarChart__narrowBars__fNrdX .MonthlyBarChart__value__aXwwY {
    font-size: 10px;
  }

.MonthlyBarChart__thinBar__xdRId {
  position: relative;
  display: flex;
  justify-content: center;
  margin-left: 1px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background: var(--merlot);
  will-change: height, top;
}

.MonthlyBarChart__narrowBars__fNrdX .MonthlyBarChart__thinBar__xdRId {
    margin-left: 0;
  }

@media (min-width: 375px) {

.MonthlyBarChart__narrowBars__fNrdX .MonthlyBarChart__thinBar__xdRId {
      margin-left: 1px;
  }
    }

@media (min-width: 768px) {

.MonthlyBarChart__thinBar__xdRId {
    margin-left: 2px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
  }

.MonthlyBarChart__negative__GH9ms {
  border-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

@media (min-width: 768px) {

.MonthlyBarChart__negative__GH9ms {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
  }

.MonthlyBarChart__frontBar__jmjUP {
  position: absolute;
  left: 0;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
  background: var(--oxford);
  text-align: center;
}

.MonthlyBarChart__frontBar__jmjUP.MonthlyBarChart__frontBarAtTop__6mDYK {
    top: 0;
  }

.MonthlyBarChart__frontBar__jmjUP.MonthlyBarChart__frontBarAtBottom__W--y7 {
    bottom: 0;
  }

/* next two classes are used only when bar has both positive and negative */

.MonthlyBarChart__frontBar__jmjUP.MonthlyBarChart__frontBarAtTopStrict__T5Ct3 {
    border-radius: 2px 2px 0 0;
  }

.MonthlyBarChart__frontBar__jmjUP.MonthlyBarChart__frontBarAtBottomStrict__vpsFm {
    border-radius: 0 0 2px 2px;
  }

.MonthlyBarChart__tiltedLabels__BbXcB {}

.MonthlyBarChart__monthLabel__dgK7E {
  position: absolute;
  bottom: 0;
  width: 100%;
  transform: translateY(30px);
  color: var(--storm);
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}

.MonthlyBarChart__selectedSingleMonthWrapper__S50r\+ .MonthlyBarChart__monthLabel__dgK7E {
    color: var(--shale);
  }

.MonthlyBarChart__tiltedLabels__BbXcB .MonthlyBarChart__monthLabel__dgK7E {
    font-size: 11px;
    transform: translateY(30px) rotate(-45deg);
  }

@media (min-width: 768px) {

.MonthlyBarChart__monthLabel__dgK7E {
    transform: translateX(-5px) translateY(32px);
}
  }

.MonthlyBarChart__member__pc6Hy {
  background: var(--inactive-oxford);
}

.MonthlyBarChart__member__pc6Hy.MonthlyBarChart__light__05g-L {
    background: var(--inactive-light-oxford);
  }

.MonthlyBarChart__selectedSingleMonthWrapper__S50r\+ .MonthlyBarChart__member__pc6Hy {
    background: var(--oxford);
  }

.MonthlyBarChart__selectedSingleMonthWrapper__S50r\+ .MonthlyBarChart__member__pc6Hy.MonthlyBarChart__light__05g-L {
      background: var(--light-oxford);
    }

.MonthlyBarChart__peers__dNK2M {
  background: var(--inactive-coral);
}

.MonthlyBarChart__peers__dNK2M.MonthlyBarChart__light__05g-L {
    background: var(--inactive-light-coral);
  }

.MonthlyBarChart__selectedSingleMonthWrapper__S50r\+ .MonthlyBarChart__peers__dNK2M {
    background: var(--coral);
  }

.MonthlyBarChart__selectedSingleMonthWrapper__S50r\+ .MonthlyBarChart__peers__dNK2M.MonthlyBarChart__light__05g-L {
      background: var(--light-coral);
    }

.MonthlyBarChart__others__ibOBo {
  background: var(--inactive-merlot);
}

.MonthlyBarChart__others__ibOBo.MonthlyBarChart__light__05g-L {
    background: var(--inactive-light-merlot);
  }

.MonthlyBarChart__selectedSingleMonthWrapper__S50r\+ .MonthlyBarChart__others__ibOBo {
    background: var(--merlot);
  }

.MonthlyBarChart__selectedSingleMonthWrapper__S50r\+ .MonthlyBarChart__others__ibOBo.MonthlyBarChart__light__05g-L {
      background: var(--light-merlot);
    }

.MonthlyBarChart__linesContainer__brPME {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.MonthlyBarChart__lineContainer__W6MAn {
  position: absolute;
  z-index: 1;
  width: 100%;
}

.MonthlyBarChart__lineWrapper__dbhVb {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  border-top: 2px solid var(--silver);
  pointer-events: none;
}

@media (min-width: 768px) {

.MonthlyBarChart__lineWrapper__dbhVb {
    border-top-color: var(--chart-axis);
}
  }

.MonthlyBarChart__minorLineWrapper__4oZhS {
  border-style: dashed;
}

.MonthlyBarChart__limitLabel__0aLTP {
  position: absolute;
  width: var(--label-width);
  margin-right: var(--label-margin-r);
  transform: translate(var(--label-translate-x), -50%);
  color: var(--silver);
  font-size: 12px;
  text-transform: uppercase;
}

.MonthlyBarChart__limitLabel__0aLTP.MonthlyBarChart__limitLabelMovedUp__imakp {
    transform: translate(var(--label-translate-x), -100%);
  }

.MonthlyBarChart__limitLabel__0aLTP.MonthlyBarChart__limitLabelMovedDown__3Weix {
    transform: translate(var(--label-translate-x), 0);
  }

.MonthlyBarChart__limitValue__vaBSL {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    color: inherit;
    font-size: 0.8rem;
    font-weight: var(--semi-bold);
    line-height: 1;
}

@media (min-width: 768px) {

.MonthlyBarChart__limitValue__vaBSL {
    display: block;
}
  }

.MonthlyBarChart__axis__QsEPE {
  z-index: 2;
  right: 0;
  left: 0;
  transition: top var(--fast) var(--ease-out);
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.HorizontalSlider__horizontalSlider__3Dqoc {
  margin: 0 calc(-1 * var(--space-default));
  white-space: nowrap;
}

@media (min-width: 768px) {

.HorizontalSlider__horizontalSlider__3Dqoc {
    margin: 0;
}
  }

.HorizontalSlider__slide__ACosI {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 0 var(--slider-padding-h);
  white-space: normal;
  vertical-align: top;
  transition: transform var(--slow) var(--ease-out-quint);
}

@media (min-width: 375px) {

.HorizontalSlider__slide__ACosI {
    padding: 0 var(--slider-padding-h-small);
}
  }

@media (min-width: 768px) {

.HorizontalSlider__slide__ACosI {
    padding: 0;
}
  }

.HorizontalSlider__slide__ACosI,
.HorizontalSlider__animating__R-XLc .HorizontalSlider__other__9BJLT {
  z-index: initial;
  visibility: visible;
  opacity: 1;
}

.HorizontalSlider__other__9BJLT {
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.HorizontalSlider__animating__R-XLc {
  overflow: hidden;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PageParamsStickyHeader__header__Arhf2{width:100%;position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:8px 0;background:-webkit-linear-gradient(bottom, rgba(255,255,255,0.97), #fff);background:-moz-linear-gradient(bottom, rgba(255,255,255,0.97), #fff);background:-o-linear-gradient(bottom, rgba(255,255,255,0.97), #fff);background:-ms-linear-gradient(bottom, rgba(255,255,255,0.97), #fff);background:linear-gradient(to top, rgba(255,255,255,0.97), #fff);white-space:nowrap;min-height:57px}@media screen and (min-width: 768px){.PageParamsStickyHeader__header__Arhf2{white-space:unset}}@media screen and (min-width: 375px){.PageParamsStickyHeader__header__Arhf2{padding:8px 0 10px 0;min-height:60px}}@media screen and (min-width: 768px){.PageParamsStickyHeader__header__Arhf2{padding:24px 24px;font-size:26px}}@media screen and (min-width: 1440px){.PageParamsStickyHeader__header__Arhf2{font-size:34px}}.PageParamsStickyHeader__section__Yt0W1{border-left:1px solid #ced5df;padding:4px 12px;-webkit-flex-basis:calc((100% / var(--items-count)));flex-basis:calc((100% / var(--items-count)))}.PageParamsStickyHeader__section__Yt0W1:first-child{border:none}.PageParamsStickyHeader__title__etHAu{font-size:inherit;width:100%;margin-bottom:0;margin-top:0}.PageParamsStickyHeader__categorySection__FOaRu{}.PageParamsStickyHeader__timeframeSection__y2J5b{}.PageParamsStickyHeader__layerButtonSection__MW6xL{}.PageParamsStickyHeader__assumptionButtonSection__j\+FNz{}.PageParamsStickyHeader__accountsButtonSection__Y9gl-{overflow:hidden}.PageParamsStickyHeader__dropdownLabel__\+ikXJ{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:12px;margin-bottom:4px;color:#8c95a5}@media screen and (min-width: 375px){.PageParamsStickyHeader__dropdownLabel__\+ikXJ{font-size:14px}}.PageParamsStickyHeader__dropdownWrapper__VU44J{font-family:"serif", "Georgia", serif;font-weight:500;font-size:16px}.PageParamsStickyHeader__accountsButtonSection__Y9gl- .PageParamsStickyHeader__dropdownWrapper__VU44J{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;color:#3172f5}.PageParamsStickyHeader__futureButtons__1ifL3{margin-left:auto;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.PageParamsStickyHeader__futureButton__5DgQ9{border:none;padding:0;background-color:transparent;cursor:pointer;color:#3172f5;font-family:'serif';text-transform:none;font-size:16px;font-weight:500;margin-top:-2px;margin-left:-1px}.PageParamsStickyHeader__futureButton__5DgQ9:focus{outline:none}.PageParamsStickyHeader__futureButton__5DgQ9:disabled{cursor:default}.PageParamsStickyHeader__timeframeDropdown__YhuWb{position:relative;width:100%;display:block}@media screen and (min-width: 768px){.PageParamsStickyHeader__timeframeDropdown__YhuWb{width:unset;display:inline-block}}.PageParamsStickyHeader__dropdownCaption__uPO2m{display:block;position:absolute;left:0;width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;padding-right:0}@media screen and (min-width: 768px){.PageParamsStickyHeader__dropdownCaption__uPO2m{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;position:unset;width:unset;overflow:visible;white-space:unset}}.PageParamsStickyHeader__accountsFilterButton__hXHkI{white-space:nowrap}.PageParamsStickyHeader__arrow__L9n2K{display:inline-block;margin-left:8px;border:4px solid transparent;border-top-color:#3172f5;-webkit-transform-origin:center 15%;-moz-transform-origin:center 15%;-o-transform-origin:center 15%;-ms-transform-origin:center 15%;transform-origin:center 15%;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;-ms-transition:-ms-transform 0.5s;transition:transform 0.5s;height:2px}@media screen and (min-width: 768px){.PageParamsStickyHeader__arrow__L9n2K{border-width:6px}}.PageParamsStickyHeader__arrow__L9n2K.PageParamsStickyHeader__expanded__rZ260{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Category__selectedOption__tFqGR{font-weight:600}.Category__option__zj8H5{font-family:"sans", "Arial", sans-serif;font-size:14px;line-height:2.4;overflow:hidden;text-align:center;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.Category__optionCaption__mQrlI{padding:.5rem 1rem}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CategoriesGroup__caption__q2mZP{padding-right:.8em;-webkit-tap-highlight-color:rgba(255,255,255,0)}.CategoriesGroup__dropdownContainer__ZZEzb{position:absolute;top:0;right:16px;min-width:10rem;border:solid 1px #edeff1;border-radius:4px}.CategoriesGroup__dropdownContainer__ZZEzb.CategoriesGroup__onRight__5rWuq{right:auto;left:100%}@media screen and (min-width: 375px){.CategoriesGroup__dropdownContainer__ZZEzb{min-width:13rem}}@media screen and (min-width: 768px){.CategoriesGroup__dropdownContainer__ZZEzb{min-width:15rem}}.CategoriesGroup__dropdownScrollable__VfSDH{max-height:21rem}.CategoriesGroup__dropdownContent__diA8-{padding:1rem;background-color:#fff;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:.8rem;box-shadow:0 2.1rem 1.9rem 0 rgba(11,0,20,0.06)}.CategoriesGroup__group__06mwK{margin-top:1rem}.CategoriesGroup__group__06mwK:first-child{margin-top:0}.CategoriesGroup__groupName__1wEqG{margin-top:-.5em;border-bottom:1px solid #ced5df;color:#4d556c;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:.75rem;line-height:2;text-align:left}.CategoriesGroup__groupList__9xXLd{margin-top:.5rem;text-align:center}.CategoriesGroup__groupHint__ZTzvu{font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.7;text-align:center;color:#8c95a5}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.DesktopInternalStickyHeader__header__ioYwQ{width:100%;box-shadow:0 3px 4px 0 rgba(0,0,0,0.2);display:none}@media screen and (min-width: 1024px){.DesktopInternalStickyHeader__header__ioYwQ{display:block;width:calc(100% - 272px)}}@media screen and (min-width: 1440px){.DesktopInternalStickyHeader__header__ioYwQ{display:block;width:calc(100% - 336px)}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PageParamsHeader__header__8Rjh\+{width:100%}@media screen and (min-width: 768px){.PageParamsHeader__header__8Rjh\+{padding-left:0}}.PageParamsHeader__heading__MrqHF{width:100%}@media screen and (min-width: 768px){.PageParamsHeader__heading__MrqHF{padding-left:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.PageParamsHeader__futureTheme__sILY0 .PageParamsHeader__heading__MrqHF{display:unset}}.PageParamsHeader__timeframe__unm6D{white-space:nowrap}.PageParamsHeader__timeframeSelect__e\+0ng{margin-right:-20px}@media screen and (min-width: 768px){.PageParamsHeader__hideOnLarge__vWMLA{display:none}}.PageParamsHeader__filter__qaX1g{margin-top:24px;font-family:"sans", "Arial", sans-serif;font-size:12px;font-weight:unset;border-radius:6px}@media screen and (min-width: 768px){.PageParamsHeader__filter__qaX1g{width:288px;margin-top:0}}.PageParamsHeader__filter__qaX1g .PageParamsHeader__cols__f31fr{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.PageParamsHeader__filter__qaX1g .PageParamsHeader__col__fbmmE{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-shrink:0;flex-shrink:0;margin:10px 0;padding:2px 16px;text-align:center;border-right:1px solid #ced5df}.PageParamsHeader__filter__qaX1g .PageParamsHeader__col__fbmmE:last-child{border-right:0}.PageParamsHeader__filter__qaX1g .PageParamsHeader__col__fbmmE button{width:100%;height:100%;padding:0;text-transform:none;text-align:center;color:#3172f5;font-size:14px;font-weight:600}.PageParamsHeader__filter__qaX1g .PageParamsHeader__col__fbmmE button h4{font-size:12px;color:#8c95a5;text-align:center;font-weight:400;margin-bottom:3px}.PageParamsHeader__filter__qaX1g .PageParamsHeader__col__fbmmE button span{text-align:center;color:#3172f5;font-size:14px;font-weight:600}.PageParamsHeader__filter__qaX1g .PageParamsHeader__bottom__uk-gg{background-color:#efdfe4;border-top:1px solid #ced5df;padding:9px;color:#9c546a;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ToggleComparison__toggleComparison__X5G0M{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.ToggleComparison__label__wTheI{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;text-align:right;margin-right:8px;position:relative;height:12px}.ToggleComparison__off__NfmmR{color:#9c546a;position:absolute;right:0;-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;-o-transition:opacity 250ms;-ms-transition:opacity 250ms;transition:opacity 250ms;font-weight:600}.ToggleComparison__enabled__njx8A .ToggleComparison__off__NfmmR{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.ToggleComparison__on__28Iac{color:#9c546a;position:absolute;right:0;-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;-o-transition:opacity 250ms;-ms-transition:opacity 250ms;transition:opacity 250ms;font-weight:600}.ToggleComparison__disabled__BDu8k .ToggleComparison__on__28Iac{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.ToggleComparison__checkbox__1Nzfd{-webkit-flex-shrink:0;flex-shrink:0;content:''}.ToggleComparison__checkbox__1Nzfd div{border-color:#dfbfc9}.ToggleComparison__checkbox__1Nzfd div:before{background-color:#d0a0ae}.ToggleComparison__checkbox__1Nzfd.ToggleComparison__checkbox__1Nzfd.ToggleComparison__checkbox__1Nzfd input:checked + div{border-color:#9c546a}.ToggleComparison__checkbox__1Nzfd.ToggleComparison__checkbox__1Nzfd.ToggleComparison__checkbox__1Nzfd input:checked + div:before{background-color:#9c546a}
.AssetsPage__visibleSmallUp__8sTfQ {
  display: none;
}
@media (--w375-up) {
  .AssetsPage__visibleSmallUp__8sTfQ {
    display: initial;
}
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.BalanceAccountSettingsModule__textCenter__BuFJa {
  text-align: center;
}

:root {
  --header-bg-color: var(--satin);
  --border: 1px solid var(--silver);
  --cell-padding: 16px 0 16px 16px;

  --sorting-arrow-size: .21rem

  /* Used by Homes, Cars, Devices, Interest Rates Tables */}

.BalanceAccountSettingsModule__table__DJH\+9 {
  position: relative;
  width: 100%;
  font: normal .8rem/1 var(--sans);
}

.BalanceAccountSettingsModule__tableInner__FOxzl {
  width: 100%;
}

.BalanceAccountSettingsModule__headerRow__7z8eg {
  border: var(--border);
  border-radius: .31rem .31rem 0 0;
  background-color: var(--header-bg-color);
}

.BalanceAccountSettingsModule__headerRow__7z8eg.BalanceAccountSettingsModule__white__96uad {
    background-color: var(--salt);
  }

.BalanceAccountSettingsModule__headerCell__3PlsL {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-size: 9px;
    font-weight: var(--semi-bold);
    letter-spacing: -0.3px;
    text-transform: uppercase;
    line-height: 1;
  vertical-align: middle;
  padding: var(--cell-padding);
    padding-right: var(--space-default);
    padding-left: var(--space-default);
  text-align: left;
  white-space: nowrap;
  background: var(--satin);
}

@media (min-width: 768px) {

.BalanceAccountSettingsModule__headerCell__3PlsL {
      font-size: 12px;
}
    }

@media (min-width: 768px) {

.BalanceAccountSettingsModule__headerCell__3PlsL {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.BalanceAccountSettingsModule__headerCell__3PlsL {
      padding-left: var(--space-medium);
}
    }

.BalanceAccountSettingsModule__responsiveTitle__mib1P {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    color: inherit;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
  color: var(--smoke);
  margin-bottom: .5rem;
  position: relative;
}

@media (min-width: 768px) {

.BalanceAccountSettingsModule__responsiveTitle__mib1P {
    display: none;
}
  }

.BalanceAccountSettingsModule__responsiveTitleText__toipc {
  position: relative;
}

.BalanceAccountSettingsModule__headerTitle__KSk4Q {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}

.BalanceAccountSettingsModule__sortingWrapper__9zUSR {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: .7rem;
  height: .55rem;
  margin-left: .34rem;
}

@media (min-width: 768px) {

.BalanceAccountSettingsModule__sortingWrapper__9zUSR {
    vertical-align: middle;
}
  }

.BalanceAccountSettingsModule__sortingWrapper__9zUSR::before,
  .BalanceAccountSettingsModule__sortingWrapper__9zUSR::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: var(--sorting-arrow-size) solid transparent;
  }

.BalanceAccountSettingsModule__sortingWrapper__9zUSR::before {
    top: calc(-1 * var(--sorting-arrow-size));
    border-bottom-color: inherit;
  }

.BalanceAccountSettingsModule__sortingWrapper__9zUSR::after {
    bottom: calc(-1 * var(--sorting-arrow-size));
    border-top-color: inherit;
  }

.BalanceAccountSettingsModule__sortingWrapper__9zUSR.BalanceAccountSettingsModule__withHelpText__6yCai {
    right: -1.2rem;
  }

.BalanceAccountSettingsModule__up__jHyki::before {
  border-bottom-color: var(--action);
}

.BalanceAccountSettingsModule__down__P6tzy::after {
  border-top-color: var(--action);
}

.BalanceAccountSettingsModule__body__5o-Dk::after {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.BalanceAccountSettingsModule__row__mxrEd {
  border: var(--border);
  background-color: var(--salt);
  position: relative;
}

.BalanceAccountSettingsModule__cell__PG-bK {
  vertical-align: middle;
  padding: var(--cell-padding);
  color: var(--body-text-color);
  position: relative;
  text-align: left;
  font-size: 1.1rem;
    padding-right: var(--space-default);
    padding-left: var(--space-default);
}

@media (min-width: 768px) {

.BalanceAccountSettingsModule__cell__PG-bK {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.BalanceAccountSettingsModule__cell__PG-bK {
      padding-left: var(--space-medium);
}
    }

.BalanceAccountSettingsModule__cell__PG-bK[rowspan] {
    vertical-align: top;
  }

@media (min-width: 768px) {

.BalanceAccountSettingsModule__cell__PG-bK {
    font-size: 1rem;
    text-align: left;
}
  }

.BalanceAccountSettingsModule__footer__36mS8 {
  border-radius: 0 0 .28rem .28rem;
}

.BalanceAccountSettingsModule__footer__36mS8 > tr {
    border-top: 0;
  }

.BalanceAccountSettingsModule__footer__36mS8::before {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.BalanceAccountSettingsModule__paginatorWrapper__KPbGe {
  display: flex;
  flex-grow: 1;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: .625rem;
}

.BalanceAccountSettingsModule__paginatorWrapper__KPbGe > * {
    flex-shrink: 0;
  }

.BalanceAccountSettingsModule__pageSizeSelectorWrapper__eKDt1 {
  /* pin the item to the right-hand size */
  margin-left: auto;
}

.BalanceAccountSettingsModule__tooltipIconWrapper__NxZI7 {
    display: inline-block;
    position: absolute;
    width: .8rem;
    height: .8rem;

    top: 50%;
    margin-top: -.4rem;
  margin-left: 4px;
  left: 100%;
}

* ~ .BalanceAccountSettingsModule__tooltipIconWrapper__NxZI7 {
      margin-left: .4rem;
    }

/* ----------- SPECIFIC TABLE STYLES ------------- */

/*
  Last column of the following two table are the least significant
  so we can hide them for certain viewports assuming this would work for all the data.
 */

.BalanceAccountSettingsModule__debtsAccountDetails__SCCac th:last-child,
  .BalanceAccountSettingsModule__creditAccountDetails__dYD9K th:last-child,
  .BalanceAccountSettingsModule__debtsAccountDetails__SCCac td:last-child,
  .BalanceAccountSettingsModule__creditAccountDetails__dYD9K td:last-child {
    display: none;
  }

@media (min-width: 1280px) {

.BalanceAccountSettingsModule__debtsAccountDetails__SCCac th:last-child,
  .BalanceAccountSettingsModule__creditAccountDetails__dYD9K th:last-child,
  .BalanceAccountSettingsModule__debtsAccountDetails__SCCac td:last-child,
  .BalanceAccountSettingsModule__creditAccountDetails__dYD9K td:last-child {
      display: table-cell;
  }
    }

.BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(2) {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-weight: var(--medium);
  }

.BalanceAccountSettingsModule__pointing__-hadZ {
  cursor: pointer;
}

:root {
  --col-1-width: 20%; /* provider_name */
  --col-2-width: 20%; /* name */
  --col-3-width: 15%; /* account_category */
  --col-4-width: 13%; /* last_updated */
  --col-5-width: 11%; /* status */
  --action-width: 7%; /* action */
  --preloader-width: 21%; /* preloader */
}

.BalanceAccountSettingsModule__liveUpdatePreloader__PgKQR {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-align: center;
}

.BalanceAccountSettingsModule__liveUpdatePreloaderText__uAnZ9 {
  margin-top: -1px;
}

@media (min-width: 1280px) {

.BalanceAccountSettingsModule__liveUpdatePreloaderText__uAnZ9 {
    margin-top: 0;
}
  }

.BalanceAccountSettingsModule__emptyState__shYhk {
    padding-left: var(--space-default);
}

@media (min-width: 768px) {

.BalanceAccountSettingsModule__emptyState__shYhk {
      padding-left: var(--space-medium);
}
    }

@media (min-width: 768px) {

.BalanceAccountSettingsModule__emptyState__shYhk {
    padding-left: 0;
}
  }

.BalanceAccountSettingsModule__liveUpdatePreloaderIcon__1FTj- {
  /* should use px to prevent rounding errors */
  width: 18px;
  height: 18px;
  margin-top: -2px;
  margin-left: 0.7rem;
}

@media (min-width: 1280px) {

.BalanceAccountSettingsModule__liveUpdatePreloaderIcon__1FTj- {
    width: 20px;
    height: 20px;
    margin-top: -3px;
}
  }

@media (min-width: 1920px) {

.BalanceAccountSettingsModule__liveUpdatePreloaderIcon__1FTj- {
    width: 24px;
    height: 24px;
    margin-top: -4px;
}
  }

@media (min-width: 768px) {

.BalanceAccountSettingsModule__accountsTable__wVuWa th {
      width: var(--col-1-width);
  }

      .BalanceAccountSettingsModule__accountsTable__wVuWa th:nth-child(3) {
        width: var(--col-3-width);
      }

      /* Spacer column */
      .BalanceAccountSettingsModule__accountsTable__wVuWa th:nth-child(4) {
        display: none;
      }

      .BalanceAccountSettingsModule__accountsTable__wVuWa th:nth-child(5) {
        width: var(--col-5-width);
      }

      .BalanceAccountSettingsModule__accountsTable__wVuWa th:nth-child(6),
      .BalanceAccountSettingsModule__accountsTable__wVuWa th:nth-child(7),
      .BalanceAccountSettingsModule__accountsTable__wVuWa th:nth-child(8) {
        width: var(--action-width);
      }
    }

.BalanceAccountSettingsModule__accountsTable__wVuWa td {
    display: inline-block;
    box-sizing: border-box;

    /* ===============================  Group Rules  ============================= */
    /* Info Cells */
  }

.BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(2),
    .BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(3),
    .BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(4) {
      padding-top: 0.5rem;
      padding-bottom: 0;
    }

/* Actions */

.BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(6),
    .BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(7),
    .BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(8) {
      padding-top: 0.8rem;
      padding-bottom: 1rem;
      text-align: center;
    }

/* =============================  Individual Cells  =========================== */

/* Institution Name */

.BalanceAccountSettingsModule__accountsTable__wVuWa td:first-child {
      width: 100%;
      padding: 0;
      margin-bottom: 0.5rem;
    }

@media (min-width: 768px) {

.BalanceAccountSettingsModule__accountsTable__wVuWa td:first-child {
        margin-bottom: inherit;
    }
      }

/* Account Name */

.BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(2) {
      width: 100%;
      font-weight: 400;
      color: var(--heading-text-color);
    }

/* Category */

.BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(3) {
      font-size: 0.8rem;
      width: 100%;
    }

.BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(6) {
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: 0.8rem;
      text-align: right;
    }

/* Unlink & Delete Buttons */

.BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(7),
    .BalanceAccountSettingsModule__accountsTable__wVuWa td:last-child {
      position: relative;
      text-align: left;
      width: 5rem;
    }

.BalanceAccountSettingsModule__accountsTable__wVuWa tbody, .BalanceAccountSettingsModule__accountsTable__wVuWa tr {
      display: block;
    }

.BalanceAccountSettingsModule__accountsTable__wVuWa th:nth-child(n+2) {
      padding-left: 0;

      padding-right: .5rem;
    }

@media (min-width: 768px) {
      .BalanceAccountSettingsModule__accountsTable__wVuWa th:nth-child(n+0), .BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(n+0) {
        padding: var(--cell-padding);

        padding-left: 20px;
        position: inherit;
        display: table-cell;
        top: inherit;
        right: inherit;
      }

      .BalanceAccountSettingsModule__accountsTable__wVuWa th:first-child,
      .BalanceAccountSettingsModule__accountsTable__wVuWa td:first-child,
      .BalanceAccountSettingsModule__accountsTable__wVuWa th:last-child,
      .BalanceAccountSettingsModule__accountsTable__wVuWa td:last-child {
    padding-right: var(--space-default);
      }
    }

@media (min-width: 768px) and (min-width: 768px) {

      .BalanceAccountSettingsModule__accountsTable__wVuWa th:first-child,
      .BalanceAccountSettingsModule__accountsTable__wVuWa td:first-child,
      .BalanceAccountSettingsModule__accountsTable__wVuWa th:last-child,
      .BalanceAccountSettingsModule__accountsTable__wVuWa td:last-child {
      padding-right: var(--space-medium);
      }
    }

@media (min-width: 768px) {

      .BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(n+0) {
        text-align: inherit;
        font-size: 1rem;
        font-weight: inherit;
        width: inherit;
      }

      .BalanceAccountSettingsModule__accountsTable__wVuWa tbody {
        display: table-row-group;
      }

      .BalanceAccountSettingsModule__accountsTable__wVuWa tr {
        display: table-row;
      }

      .BalanceAccountSettingsModule__accountsTable__wVuWa tfoot td:nth-child(n+0) {
        display: table-cell;
      }
    }

/* Hide Status Column on Mobile */

.BalanceAccountSettingsModule__accountsTable__wVuWa th:nth-child(4),
  .BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(4),
  .BalanceAccountSettingsModule__accountsTable__wVuWa th:nth-child(5),
  .BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(5) {
    display: none;
  }

@media (min-width: 768px) {
    /* Hide Spacer Column */
    .BalanceAccountSettingsModule__accountsTable__wVuWa th:nth-child(4),
    .BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(4) {
      display: none;
    }
  }

@media (min-width: 768px) and (max-width: 1023px) {
    .BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(n + 0) {
      font-size: 0.9rem;
    }

    .BalanceAccountSettingsModule__accountsTable__wVuWa th:nth-child(n + 2),
    .BalanceAccountSettingsModule__accountsTable__wVuWa td:nth-child(n + 2) {
      padding-left: 1rem;
    }
  }

.BalanceAccountSettingsModule__accountBadgeCell__nZi\+h {
  display: flex;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  min-height: 32px;
  height: unset;
}

@media (min-width: 768px) {

.BalanceAccountSettingsModule__accountBadgeCell__nZi\+h {
    background: none;
    position: relative;
    text-align: left;
    display: inherit;
    height: auto;
    line-height: 1.25;
}
  }

.BalanceAccountSettingsModule__visibleTwoColumnsUp__F8XMh {
  display: none;
}

@media (min-width: 1024px) {

.BalanceAccountSettingsModule__visibleTwoColumnsUp__F8XMh {
    display: initial;
}
  }

.BalanceAccountSettingsModule__lastUpdated__aFc-- {
  font-size: 10px;
  letter-spacing: -0.14px;
  font-weight: 500;
  color: var(--storm);
  margin-top: 4px;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.HomeSettingsModule__textCenter__cTTr1 {
  text-align: center;
}

:root {
  --header-bg-color: var(--satin);
  --border: 1px solid var(--silver);
  --cell-padding: 16px 0 16px 16px;

  --sorting-arrow-size: .21rem

  /* Used by Homes, Cars, Devices, Interest Rates Tables */}

.HomeSettingsModule__table__P0xEk {
  position: relative;
  width: 100%;
  font: normal .8rem/1 var(--sans);
}

.HomeSettingsModule__tableInner__lw42Y {
  width: 100%;
}

.HomeSettingsModule__headerRow__8rZ5y {
  border: var(--border);
  border-radius: .31rem .31rem 0 0;
  background-color: var(--header-bg-color);
}

.HomeSettingsModule__headerRow__8rZ5y.HomeSettingsModule__white__2udgA {
    background-color: var(--salt);
  }

.HomeSettingsModule__headerCell__OT12g {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-size: 9px;
    font-weight: var(--semi-bold);
    letter-spacing: -0.3px;
    text-transform: uppercase;
    line-height: 1;
  vertical-align: middle;
  padding: var(--cell-padding);
    padding-right: var(--space-default);
    padding-left: var(--space-default);
  text-align: left;
  white-space: nowrap;
  background: var(--satin);
}

@media (min-width: 768px) {

.HomeSettingsModule__headerCell__OT12g {
      font-size: 12px;
}
    }

@media (min-width: 768px) {

.HomeSettingsModule__headerCell__OT12g {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.HomeSettingsModule__headerCell__OT12g {
      padding-left: var(--space-medium);
}
    }

.HomeSettingsModule__responsiveTitle__TvoY\+ {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    color: inherit;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
  color: var(--smoke);
  margin-bottom: .5rem;
  position: relative;
}

@media (min-width: 768px) {

.HomeSettingsModule__responsiveTitle__TvoY\+ {
    display: none;
}
  }

.HomeSettingsModule__responsiveTitleText__ti\+oC {
  position: relative;
}

.HomeSettingsModule__headerTitle__vXD3W {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}

.HomeSettingsModule__sortingWrapper__XmiLj {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: .7rem;
  height: .55rem;
  margin-left: .34rem;
}

@media (min-width: 768px) {

.HomeSettingsModule__sortingWrapper__XmiLj {
    vertical-align: middle;
}
  }

.HomeSettingsModule__sortingWrapper__XmiLj::before,
  .HomeSettingsModule__sortingWrapper__XmiLj::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: var(--sorting-arrow-size) solid transparent;
  }

.HomeSettingsModule__sortingWrapper__XmiLj::before {
    top: calc(-1 * var(--sorting-arrow-size));
    border-bottom-color: inherit;
  }

.HomeSettingsModule__sortingWrapper__XmiLj::after {
    bottom: calc(-1 * var(--sorting-arrow-size));
    border-top-color: inherit;
  }

.HomeSettingsModule__sortingWrapper__XmiLj.HomeSettingsModule__withHelpText__wgvgo {
    right: -1.2rem;
  }

.HomeSettingsModule__up__gyJ7V::before {
  border-bottom-color: var(--action);
}

.HomeSettingsModule__down__Qku4U::after {
  border-top-color: var(--action);
}

.HomeSettingsModule__body__3tHDK::after {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.HomeSettingsModule__row__LaFB5 {
  border: var(--border);
  background-color: var(--salt);
  position: relative;
}

.HomeSettingsModule__cell__Cw1TH {
  vertical-align: middle;
  padding: var(--cell-padding);
  color: var(--body-text-color);
  position: relative;
  text-align: left;
  font-size: 1.1rem;
    padding-right: var(--space-default);
    padding-left: var(--space-default);
}

@media (min-width: 768px) {

.HomeSettingsModule__cell__Cw1TH {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.HomeSettingsModule__cell__Cw1TH {
      padding-left: var(--space-medium);
}
    }

.HomeSettingsModule__cell__Cw1TH[rowspan] {
    vertical-align: top;
  }

@media (min-width: 768px) {

.HomeSettingsModule__cell__Cw1TH {
    font-size: 1rem;
    text-align: left;
}
  }

.HomeSettingsModule__footer__Cl-VM {
  border-radius: 0 0 .28rem .28rem;
}

.HomeSettingsModule__footer__Cl-VM > tr {
    border-top: 0;
  }

.HomeSettingsModule__footer__Cl-VM::before {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.HomeSettingsModule__paginatorWrapper__N6YRc {
  display: flex;
  flex-grow: 1;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: .625rem;
}

.HomeSettingsModule__paginatorWrapper__N6YRc > * {
    flex-shrink: 0;
  }

.HomeSettingsModule__pageSizeSelectorWrapper__wU3jZ {
  /* pin the item to the right-hand size */
  margin-left: auto;
}

.HomeSettingsModule__tooltipIconWrapper__tgMxh {
    display: inline-block;
    position: absolute;
    width: .8rem;
    height: .8rem;

    top: 50%;
    margin-top: -.4rem;
  margin-left: 4px;
  left: 100%;
}

* ~ .HomeSettingsModule__tooltipIconWrapper__tgMxh {
      margin-left: .4rem;
    }

/* ----------- SPECIFIC TABLE STYLES ------------- */

/*
  Last column of the following two table are the least significant
  so we can hide them for certain viewports assuming this would work for all the data.
 */

.HomeSettingsModule__debtsAccountDetails__KQFK3 th:last-child,
  .HomeSettingsModule__creditAccountDetails__gc5eR th:last-child,
  .HomeSettingsModule__debtsAccountDetails__KQFK3 td:last-child,
  .HomeSettingsModule__creditAccountDetails__gc5eR td:last-child {
    display: none;
  }

@media (min-width: 1280px) {

.HomeSettingsModule__debtsAccountDetails__KQFK3 th:last-child,
  .HomeSettingsModule__creditAccountDetails__gc5eR th:last-child,
  .HomeSettingsModule__debtsAccountDetails__KQFK3 td:last-child,
  .HomeSettingsModule__creditAccountDetails__gc5eR td:last-child {
      display: table-cell;
  }
    }

.HomeSettingsModule__accountsTable__ndatm td:nth-child(2) {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-weight: var(--medium);
  }

.HomeSettingsModule__pointing__928KQ {
  cursor: pointer;
}

:root {
  --width-large: 30%; /* Address */
  --width-medium: 20%; /* CityState, Value */
  --width-small: 10%; /* Edit, Unlink, Delete */
}

.HomeSettingsModule__emptyState__DiMo8 {
}

.HomeSettingsModule__homesTable__7uy6o th {
    width: var(--width-medium);
  }

@media (min-width: 768px) {
      .HomeSettingsModule__homesTable__7uy6o th:first-child {
        width: var(--width-large);
      }

      .HomeSettingsModule__homesTable__7uy6o th:nth-child(n+4) {
        width: var(--width-small);
      }
    }

/* ===============================  Group Rules  ============================= */

/* CitySate, Edit  */

.HomeSettingsModule__homesTable__7uy6o td:nth-child(2), .HomeSettingsModule__homesTable__7uy6o td:nth-child(4) {
      display: inline-block;
      padding-bottom: 0;
      font-size: .8rem;
    }

.HomeSettingsModule__homesTable__7uy6o td:nth-child(3), .HomeSettingsModule__homesTable__7uy6o td:nth-child(4) {
      text-align: right;
      position: absolute;
      right: 0;
    }

/* Action Buttons */

.HomeSettingsModule__homesTable__7uy6o td:nth-child(5), .HomeSettingsModule__homesTable__7uy6o td:last-child {
      padding-top: .8rem;
      padding-bottom: 1rem;
      position: relative;
      width: 5rem;
      box-sizing: border-box;
    }

/* =============================  Individual Cells  =========================== */

/* Address */

.HomeSettingsModule__homesTable__7uy6o td:first-child {
      display: block;
      padding-top: 1rem;
      padding-bottom: 0;
      width: 60%;
    }

/* City, State */

.HomeSettingsModule__homesTable__7uy6o td:nth-child(2) {
      padding-top: .5rem;
    }

/* Value */

.HomeSettingsModule__homesTable__7uy6o td:nth-child(3) {
      top: -.1rem;
    }

/* Edit */

.HomeSettingsModule__homesTable__7uy6o td:nth-child(4) {
      bottom: 1rem;
    }

@media (min-width: 768px) {

.HomeSettingsModule__homesTable__7uy6o td:nth-child(4) {
        bottom: 0;
    }
      }

.HomeSettingsModule__homesTable__7uy6o tbody, .HomeSettingsModule__homesTable__7uy6o tr {
      display: block;
    }

.HomeSettingsModule__homesTable__7uy6o th:nth-child(n+2) {
      padding-left: 0;

      padding-right: .5rem;
    }

@media (min-width: 768px) {
      .HomeSettingsModule__homesTable__7uy6o th:nth-child(n+0), .HomeSettingsModule__homesTable__7uy6o td:nth-child(n+0) {
        padding: var(--cell-padding);

        padding-left: 20px;
        position: inherit;
        display: table-cell;
        top: inherit;
        right: inherit;
      }

      .HomeSettingsModule__homesTable__7uy6o th:first-child,
      .HomeSettingsModule__homesTable__7uy6o td:first-child,
      .HomeSettingsModule__homesTable__7uy6o th:last-child,
      .HomeSettingsModule__homesTable__7uy6o td:last-child {
    padding-right: var(--space-default);
      }
    }

@media (min-width: 768px) and (min-width: 768px) {

      .HomeSettingsModule__homesTable__7uy6o th:first-child,
      .HomeSettingsModule__homesTable__7uy6o td:first-child,
      .HomeSettingsModule__homesTable__7uy6o th:last-child,
      .HomeSettingsModule__homesTable__7uy6o td:last-child {
      padding-right: var(--space-medium);
      }
    }

@media (min-width: 768px) {

      .HomeSettingsModule__homesTable__7uy6o td:nth-child(n+0) {
        text-align: inherit;
        font-size: 1rem;
        font-weight: inherit;
        width: inherit;
      }

      .HomeSettingsModule__homesTable__7uy6o tbody {
        display: table-row-group;
      }

      .HomeSettingsModule__homesTable__7uy6o tr {
        display: table-row;
      }

      .HomeSettingsModule__homesTable__7uy6o tfoot td:nth-child(n+0) {
        display: table-cell;
      }
    }

.HomeSettingsModule__visibleOneColumnUp__eshcL {
  display: none;
}

@media (min-width: 768px) {

.HomeSettingsModule__visibleOneColumnUp__eshcL {
    display: initial;
}
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.CarSettingsModule__textCenter__EaJV1 {
  text-align: center;
}

:root {
  --header-bg-color: var(--satin);
  --border: 1px solid var(--silver);
  --cell-padding: 16px 0 16px 16px;

  --sorting-arrow-size: .21rem

  /* Used by Homes, Cars, Devices, Interest Rates Tables */}

.CarSettingsModule__table__ifnTd {
  position: relative;
  width: 100%;
  font: normal .8rem/1 var(--sans);
}

.CarSettingsModule__tableInner__oK0HK {
  width: 100%;
}

.CarSettingsModule__headerRow__Q-8qu {
  border: var(--border);
  border-radius: .31rem .31rem 0 0;
  background-color: var(--header-bg-color);
}

.CarSettingsModule__headerRow__Q-8qu.CarSettingsModule__white__4kk2m {
    background-color: var(--salt);
  }

.CarSettingsModule__headerCell__3innX {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-size: 9px;
    font-weight: var(--semi-bold);
    letter-spacing: -0.3px;
    text-transform: uppercase;
    line-height: 1;
  vertical-align: middle;
  padding: var(--cell-padding);
    padding-right: var(--space-default);
    padding-left: var(--space-default);
  text-align: left;
  white-space: nowrap;
  background: var(--satin);
}

@media (min-width: 768px) {

.CarSettingsModule__headerCell__3innX {
      font-size: 12px;
}
    }

@media (min-width: 768px) {

.CarSettingsModule__headerCell__3innX {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.CarSettingsModule__headerCell__3innX {
      padding-left: var(--space-medium);
}
    }

.CarSettingsModule__responsiveTitle__Lx\+9y {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    color: inherit;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
  color: var(--smoke);
  margin-bottom: .5rem;
  position: relative;
}

@media (min-width: 768px) {

.CarSettingsModule__responsiveTitle__Lx\+9y {
    display: none;
}
  }

.CarSettingsModule__responsiveTitleText__PYfH9 {
  position: relative;
}

.CarSettingsModule__headerTitle__KzBC7 {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}

.CarSettingsModule__sortingWrapper__1geEd {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: .7rem;
  height: .55rem;
  margin-left: .34rem;
}

@media (min-width: 768px) {

.CarSettingsModule__sortingWrapper__1geEd {
    vertical-align: middle;
}
  }

.CarSettingsModule__sortingWrapper__1geEd::before,
  .CarSettingsModule__sortingWrapper__1geEd::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: var(--sorting-arrow-size) solid transparent;
  }

.CarSettingsModule__sortingWrapper__1geEd::before {
    top: calc(-1 * var(--sorting-arrow-size));
    border-bottom-color: inherit;
  }

.CarSettingsModule__sortingWrapper__1geEd::after {
    bottom: calc(-1 * var(--sorting-arrow-size));
    border-top-color: inherit;
  }

.CarSettingsModule__sortingWrapper__1geEd.CarSettingsModule__withHelpText__qA3C9 {
    right: -1.2rem;
  }

.CarSettingsModule__up__va82v::before {
  border-bottom-color: var(--action);
}

.CarSettingsModule__down__xMxf7::after {
  border-top-color: var(--action);
}

.CarSettingsModule__body__VMNHH::after {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.CarSettingsModule__row__bF-\+P {
  border: var(--border);
  background-color: var(--salt);
  position: relative;
}

.CarSettingsModule__cell__qZivt {
  vertical-align: middle;
  padding: var(--cell-padding);
  color: var(--body-text-color);
  position: relative;
  text-align: left;
  font-size: 1.1rem;
    padding-right: var(--space-default);
    padding-left: var(--space-default);
}

@media (min-width: 768px) {

.CarSettingsModule__cell__qZivt {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.CarSettingsModule__cell__qZivt {
      padding-left: var(--space-medium);
}
    }

.CarSettingsModule__cell__qZivt[rowspan] {
    vertical-align: top;
  }

@media (min-width: 768px) {

.CarSettingsModule__cell__qZivt {
    font-size: 1rem;
    text-align: left;
}
  }

.CarSettingsModule__footer__F6bAH {
  border-radius: 0 0 .28rem .28rem;
}

.CarSettingsModule__footer__F6bAH > tr {
    border-top: 0;
  }

.CarSettingsModule__footer__F6bAH::before {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.CarSettingsModule__paginatorWrapper__5x4zf {
  display: flex;
  flex-grow: 1;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: .625rem;
}

.CarSettingsModule__paginatorWrapper__5x4zf > * {
    flex-shrink: 0;
  }

.CarSettingsModule__pageSizeSelectorWrapper__97SYM {
  /* pin the item to the right-hand size */
  margin-left: auto;
}

.CarSettingsModule__tooltipIconWrapper__gf6Xr {
    display: inline-block;
    position: absolute;
    width: .8rem;
    height: .8rem;

    top: 50%;
    margin-top: -.4rem;
  margin-left: 4px;
  left: 100%;
}

* ~ .CarSettingsModule__tooltipIconWrapper__gf6Xr {
      margin-left: .4rem;
    }

/* ----------- SPECIFIC TABLE STYLES ------------- */

/*
  Last column of the following two table are the least significant
  so we can hide them for certain viewports assuming this would work for all the data.
 */

.CarSettingsModule__debtsAccountDetails__8FZ2y th:last-child,
  .CarSettingsModule__creditAccountDetails__szFHm th:last-child,
  .CarSettingsModule__debtsAccountDetails__8FZ2y td:last-child,
  .CarSettingsModule__creditAccountDetails__szFHm td:last-child {
    display: none;
  }

@media (min-width: 1280px) {

.CarSettingsModule__debtsAccountDetails__8FZ2y th:last-child,
  .CarSettingsModule__creditAccountDetails__szFHm th:last-child,
  .CarSettingsModule__debtsAccountDetails__8FZ2y td:last-child,
  .CarSettingsModule__creditAccountDetails__szFHm td:last-child {
      display: table-cell;
  }
    }

.CarSettingsModule__accountsTable__Rrxpl td:nth-child(2) {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-weight: var(--medium);
  }

.CarSettingsModule__pointing__fKkB2 {
  cursor: pointer;
}

:root {
  --width-large: 20%; /* Make, Model, Value */
  --width-small: 10%; /* Year, Edit, Unlink, Delete */
}

.CarSettingsModule__emptyState__4qrIN {
}

.CarSettingsModule__carsTable__-Lao6 th {
    width: var(--width-small);
  }

@media (min-width: 768px) {
      .CarSettingsModule__carsTable__-Lao6 th:first-child, .CarSettingsModule__carsTable__-Lao6 th:nth-child(2), .CarSettingsModule__carsTable__-Lao6 th:nth-child(4) {
        width: var(--width-large);
      }
    }

/* ===============================  Group Rules  ============================= */

/* Model, Year, Edit */

.CarSettingsModule__carsTable__-Lao6 td:nth-child(2), .CarSettingsModule__carsTable__-Lao6 td:nth-child(3), .CarSettingsModule__carsTable__-Lao6 td:nth-child(5) {
      display: inline-block;
      padding-top: .5rem;
      font-size: .8rem;
      padding-bottom: 0;
    }

/* Value, Edit */

.CarSettingsModule__carsTable__-Lao6 td:nth-child(4), .CarSettingsModule__carsTable__-Lao6 td:nth-child(5) {
      text-align: right;
      position: absolute;
      right: 0;
    }

/* Action Buttons */

.CarSettingsModule__carsTable__-Lao6 td:nth-child(6), .CarSettingsModule__carsTable__-Lao6 td:last-child {
      padding-top: .8rem;
      padding-bottom: 1rem;
      width: 5rem;
      box-sizing: border-box;
    }

/* =============================  Individual Cells  =========================== */

/* Make */

.CarSettingsModule__carsTable__-Lao6 td:first-child {
      display: block;
      padding-top: 1rem;
      padding-bottom: 0;
    }

/* Model */

.CarSettingsModule__carsTable__-Lao6 td:nth-child(2) {
      padding-right: .5rem;
      font-weight: var(--medium);
    }

/* Year */

.CarSettingsModule__carsTable__-Lao6 td:nth-child(3) {
      padding-left: 0;
    }

/* Value */

.CarSettingsModule__carsTable__-Lao6 td:nth-child(4) {
      top: -.1rem;
    }

/* Edit Cell */

.CarSettingsModule__carsTable__-Lao6 td:nth-child(5) {
      width: 40%;
      bottom: 1rem;
    }

@media (min-width: 768px) {

.CarSettingsModule__carsTable__-Lao6 td:nth-child(5) {
        bottom: 0;
    }
      }

.CarSettingsModule__carsTable__-Lao6 tbody, .CarSettingsModule__carsTable__-Lao6 tr {
      display: block;
    }

.CarSettingsModule__carsTable__-Lao6 th:nth-child(n+2) {
      padding-left: 0;

      padding-right: .5rem;
    }

@media (min-width: 768px) {
      .CarSettingsModule__carsTable__-Lao6 th:nth-child(n+0), .CarSettingsModule__carsTable__-Lao6 td:nth-child(n+0) {
        padding: var(--cell-padding);

        padding-left: 20px;
        position: inherit;
        display: table-cell;
        top: inherit;
        right: inherit;
      }

      .CarSettingsModule__carsTable__-Lao6 th:first-child,
      .CarSettingsModule__carsTable__-Lao6 td:first-child,
      .CarSettingsModule__carsTable__-Lao6 th:last-child,
      .CarSettingsModule__carsTable__-Lao6 td:last-child {
    padding-right: var(--space-default);
      }
    }

@media (min-width: 768px) and (min-width: 768px) {

      .CarSettingsModule__carsTable__-Lao6 th:first-child,
      .CarSettingsModule__carsTable__-Lao6 td:first-child,
      .CarSettingsModule__carsTable__-Lao6 th:last-child,
      .CarSettingsModule__carsTable__-Lao6 td:last-child {
      padding-right: var(--space-medium);
      }
    }

@media (min-width: 768px) {

      .CarSettingsModule__carsTable__-Lao6 td:nth-child(n+0) {
        text-align: inherit;
        font-size: 1rem;
        font-weight: inherit;
        width: inherit;
      }

      .CarSettingsModule__carsTable__-Lao6 tbody {
        display: table-row-group;
      }

      .CarSettingsModule__carsTable__-Lao6 tr {
        display: table-row;
      }

      .CarSettingsModule__carsTable__-Lao6 tfoot td:nth-child(n+0) {
        display: table-cell;
      }
    }

.CarSettingsModule__hideForSmall__cHOc9 {
  display: none;
}

@media(min-width: 768px) {

.CarSettingsModule__hideForSmall__cHOc9 {
    display: initial;
}
  }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SpendingPage__buttonWrapper__ohwj1,.SpendingPage__topButtonWrapper__g1GE-{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.SpendingPage__topButtonWrapper__g1GE-{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;margin:0 auto 32px;width:calc(100% - 24px)}@media screen and (min-width: 415px){.SpendingPage__topButtonWrapper__g1GE-{width:100%}}@media screen and (min-width: 768px){.SpendingPage__topButtonWrapper__g1GE-{display:none}}.SpendingPage__buttonWrapper__ohwj1{display:none;margin:0 auto 48px;width:336px}@media screen and (min-width: 768px){.SpendingPage__buttonWrapper__ohwj1{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.PieChart__ellipse__Hpm6Y {
  transform-origin: 50% 50%;
  cursor: pointer;
  transition:
    transform .5s ease,
    opacity .5s ease;
}

.PieChart__sector__qOnJJ {
  cursor: pointer;
  transition:
    transform .5s ease,
    opacity .5s ease;
  /* avoid highlighting on tap */
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.PieChart__shaded__MpDNV {
  opacity: .3;
}

.PieChart__text__H8VCI {
  font-size: 10px; /* in pixels to deal with safari/firefox bug */
}

.PieChart__tooltip__tr9Sb {
  cursor: default;
  opacity: 0;
  transition: opacity .5s ease;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.PieChart__tooltip__tr9Sb.PieChart__shown__6jp06 {
    opacity: 1;
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.PieChartPlaceholder__pieChartPlaceholder__7sR-Q {
  position: relative;
}

.PieChartPlaceholder__label__JC401 {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 32px;
  font-size: 12px;
  color: var(--salt);
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.CategoriesList__categoriesList__SsbUz {
  display: inline-block;
  padding-left: .7rem;
  list-style: none;
  text-align: left;
}

.CategoriesList__item__oE73H {
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
  transition: opacity .5s ease;
}

@media (min-width: 1440px) {

.CategoriesList__item__oE73H {
    font-size: 16px;
}
  }

.CategoriesList__item__oE73H:not(:first-child) {
    margin-top: 16px;
  }

.CategoriesList__item__oE73H.CategoriesList__shaded__kDDCa {
    opacity: .3;
  }

@media (min-width: 1440px) {
    .CategoriesList__item__oE73H:not(:first-child) {
      margin-top: 24px;
    }
  }

.CategoriesList__itemPoint__Oh2ga {
  display: inline-block;
  vertical-align: bottom;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.CategoriesList__itemText__UTxtl {
  display: inline-block;
  margin-left: 8px;
  text-transform: uppercase;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.CategoriesListMobile__row__njGI8 {
  overflow: hidden;
}

.CategoriesListMobile__row__njGI8:not(:first-child) {
    margin-top: 24px;
  }

.CategoriesListMobile__row__njGI8.CategoriesListMobile__shaded__QyuDr {
    opacity: .3;
  }

.CategoriesListMobile__totalRow__ECuZD { }

.CategoriesListMobile__rowLabel__SPM0u {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: var(--storm);
  text-transform: uppercase;
}

.CategoriesListMobile__rowLabel__SPM0u::before {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    left: calc(100% + 8px);
    width: 100vw;
    height: 2px;
    background: var(--satin);
  }

.CategoriesListMobile__items__ZJhjc {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}

.CategoriesListMobile__item__Zlb3f {
  width: calc(100% / 3);
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-weight: 500;
    color: inherit;
    font-size: 1.2rem;
}

.CategoriesListMobile__item__Zlb3f:nth-child(2) {
    text-align: center;
  }

.CategoriesListMobile__item__Zlb3f:nth-child(3) {
    text-align: right;
  }

.CategoriesListMobile__totalRow__ECuZD .CategoriesListMobile__item__Zlb3f {
    font-size: 19px;
  }

.CategoriesListMobile__member__6pI06 {
  color: var(--oxford);
}

.CategoriesListMobile__peers__2Gi0v {
  color: var(--coral);
}

.CategoriesListMobile__others__gwvZA {
  color: var(--merlot);
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --initial-column-size: 224px;
}

.CategoriesModule__noComparison__u5nLT {}

.CategoriesModule__categoriesModule__ua6J7 {
  padding: 1rem 0 0;
}

@media (min-width: 768px) {

.CategoriesModule__categoriesModule__ua6J7 {
    padding: 1rem 1.5rem 0;
}
  }

.CategoriesModule__carousel__VoqON {
  margin: 0 calc(-1 * var(--space-default));
}

.CategoriesModule__row__AjJwp {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.CategoriesModule__pieSection__Sm5gQ {
  display: inline-flex;
  min-width: 0;
  width: 100%;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}

@media (min-width: 768px) {

.CategoriesModule__pieSection__Sm5gQ {
    width: 33%;
}
  }

.CategoriesModule__groupNames__D-dec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
}

.CategoriesModule__groupName__wE9cq {
  width: 33%;
  font-size: 20px;
}

.CategoriesModule__groupName__wE9cq:nth-child(2) {
    text-align: center;
  }

.CategoriesModule__groupName__wE9cq:nth-child(3) {
    text-align: right;
  }

.CategoriesModule__groupName__wE9cq.CategoriesModule__active__DwC9D {
    font-weight: var(--bold);
  }

.CategoriesModule__dots__C40Xo {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}

.CategoriesModule__dot__ZmQuh {
  width: 8px;
  height: 8px;
  border: solid 2px var(--storm);
  border-radius: 100%;
  background: rgba(216, 216, 216, 0);
}

.CategoriesModule__dot__ZmQuh:not(:last-child) {
    margin-right: 12px;
  }

.CategoriesModule__activeDot__XW9-f {
  border-color: var(--action);
  background-color: var(--action);
}

.CategoriesModule__pieTitle__FED3T {
  flex-basis: 33%;
  flex-grow: 1;
  margin-bottom: 36px;
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-weight: 500;
    color: inherit;
    font-size: 1.2rem;
  text-align: center;
  text-transform: capitalize;
}

@media (min-width: 1440px) {

.CategoriesModule__pieTitle__FED3T {
    font-size: 20px;
}
  }

.CategoriesModule__member__Q7j-y {
  color: var(--oxford);
}

.CategoriesModule__peers__9\+L5W {
  color: var(--coral);
}

.CategoriesModule__others__aCb\+i {
  color: var(--merlot);
}

.CategoriesModule__pieTitleName__K3TiX {
}

.CategoriesModule__pieTitleValue__qR-j\+ {
}

.CategoriesModule__pieWrapper__3rrAn {
  max-width: 340px;
  max-height: 340px;
  padding: 32px 48px;
  box-sizing: border-box;
}

.CategoriesModule__pieWrapper__3rrAn.CategoriesModule__noComparison__u5nLT {
    margin: 0 auto;
  }

@media (min-width: 375px) {

.CategoriesModule__pieWrapper__3rrAn {
    max-width: 370px;
    max-height: 370px;
    padding-top: 36px;
}
  }

@media (min-width: 768px) {

.CategoriesModule__pieWrapper__3rrAn {
    padding: 0;
}
  }

.CategoriesModule__lists__\+y7lM {
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
}

@media (min-width: 1440px) {

.CategoriesModule__lists__\+y7lM {
    margin-top: 48px;
}
  }

.CategoriesModule__listWrapper__csyYw {
  text-align: center;
}

.CategoriesModule__listWrapper__csyYw.CategoriesModule__noComparison__u5nLT {
    margin: 0 auto;
  }

.CategoriesModule__buttonWrapper__FNoXb {
  margin-top: 32px;
}

@media (min-width: 1440px) {

.CategoriesModule__buttonWrapper__FNoXb {
    margin-top: 48px;
}
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.TransactionRow__textCenter__4IrVp {
  text-align: center;
}

.TransactionRow__transactionRow__scK0D {
}

.TransactionRow__descriptionCell__4yu\+t {
  position: relative;
}

.TransactionRow__tooltipIconWrapperOuter__stgjb {
  position: relative;
  display: inline;
  padding: 0 .75rem;
}

.TransactionRow__tooltipIconWrapper__WfRiL {
    display: inline-block;
    position: absolute;
    width: .8rem;
    height: .8rem;

    top: 50%;
    margin-top: -.4rem;

  margin-top: -.5rem;
  margin-left: .25rem;
  left: 0;
}

* ~ .TransactionRow__tooltipIconWrapper__WfRiL {
      margin-left: .4rem;
    }

.TransactionRow__formRow__2GQ-U {
  background-color: var(--light-action);
}

.TransactionRow__formRowCell__b1xCd {
  padding-bottom: 1.5rem;
}

.TransactionRow__dateWrapper__QqsCU {
  font-weight: 500;
  color: var(--heading-text-color);
}

.TransactionRow__editButtonWrapper__q2r5G {
  text-align: center;
}

.TransactionRow__editButtonWrapper__q2r5G button {
  font-size: 12px;
  text-transform: none;
  font-weight: 200;
}

.TransactionRow__editButtonWrapper__q2r5G,
.TransactionRow__editButtonWrapper__q2r5G button div,
.TransactionRow__dateWrapper__QqsCU {
  white-space: nowrap;
}

.TransactionRow__categoryWrapper__FtAVi {
  display: flex;
}

.TransactionRow__weekday__r-yTQ {
  font-weight: 300;
  font-size: 13px;
  color: var(--subdued-text-color);
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.TransactionRowMobile__textCenter__ZKBnv {
  text-align: center;
}

.TransactionRowMobile__category__-4a6k {}

.TransactionRowMobile__categoryCopy__CsAfL {
  font-size: 13px;
  font-weight: var(--bold);
}

.TransactionRowMobile__description__Y4ErG {
  position: relative;
}

.TransactionRowMobile__tooltipIconWrapperOuter__jV1FI {
  position: relative;
  display: inline;
  bottom: .1rem;
}

.TransactionRowMobile__tooltipIconWrapper__XUQJT {
    display: inline-block;
    position: absolute;
    width: .8rem;
    height: .8rem;

    top: 50%;
    margin-top: -.4rem;
}

* ~ .TransactionRowMobile__tooltipIconWrapper__XUQJT {
      margin-left: .4rem;
    }

.TransactionRowMobile__right__8Y0Fk button {
  text-align: right;
}

.TransactionRowMobile__actionButton__6SkcB,
.TransactionRowMobile__actionButton__6SkcB div {
  font-size: 12px;
  text-transform: none;
  font-weight: 200;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.Pagination__pagination__c\+zLB {
  display: flex;
  flex-flow: row wrap;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.Pagination__pagination__c\+zLB > * {
    flex-shrink: 0;
  }

.Pagination__paginatorWrapper__2QfWO {
  max-width: 100vw;
  flex-grow: 1;
}

@media (min-width: 768px) {

.Pagination__paginatorWrapper__2QfWO {
    max-width: 464px;
}
  }

.Pagination__pageSizeSelectorWrapper__DH50P {
  margin-left: 32px;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.VerificationCodeHintBox__verificationCodeHintBox__qRwE5{background-color:#f4f6fd;border:solid 1px #ced5df;border-radius:4px;margin-bottom:-6px;padding:8px;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;line-height:1.5}@media screen and (min-width: 375px){.VerificationCodeHintBox__verificationCodeHintBox__qRwE5{padding:16px}}.VerificationCodeHintBox__hintText__hPgkY{color:#4d556c}.VerificationCodeHintBox__hintText__hPgkY + .VerificationCodeHintBox__hintText__hPgkY{margin-top:24px}.VerificationCodeHintBox__warningText__PhbkA{color:#e34242}.VerificationCodeHintBox__highlight__a1H21{font-weight:700}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.Login__contentWrapper__rSTsk {
  width: 100%;
  margin-top: 2rem;
}

@media (min-width: 768px) {

.Login__contentWrapper__rSTsk {
    margin-top: 3rem;
}
  }

.Login__onboardingInvitation__vYbWH {
  display: block;
  margin-top: 1.25rem;
  color: var(--smoke);
  font-size: .875rem;
  line-height: 1.5;
  text-align: center;
}

@media (min-width: 768px) {

.Login__onboardingInvitation__vYbWH {
    margin-bottom: 1.25rem;
}
  }

.Login__onboardingLink__VE80h {
  color: var(--action);
  text-decoration: none;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.VerticalBarChart__verticalBarChart__f5-dm {
  display: flex;
  align-items: center;
  justify-content: center;
}

.VerticalBarChart__verticalBarChartInner__POOXb {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 480px;
  height: 136px;
  align-items: flex-start;
  padding: 0 1rem;
  transition: padding var(--fast) var(--ease-out);
  will-change: padding;
}

.VerticalBarChart__verticalBarChartInner__POOXb.VerticalBarChart__allZero__kn3-\+ {
    align-items: center;
  }

.VerticalBarChart__verticalBarChartInner__POOXb.VerticalBarChart__allZero__kn3-\+ .VerticalBarChart__axis__f7awY {
      top: 50%;
      margin-top: .07rem;
    }

.VerticalBarChart__bar__tnYea {
  position: relative;
  width: 33%;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  /* Hack to prevent Chrome repaint/redraw bug in which labels dissapear */
  -webkit-transform: translate3d(0, 0, 0);
  color: var(--light-text-color);
  transition: height var(--fast) var(--ease-out), top var(--fast) var(--ease-out);
  will-change: height, top;
}

.VerticalBarChart__axis__f7awY {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  border-top: 2px solid var(--chart-axis);
  transition: top var(--fast) var(--ease-out);
}

.VerticalBarChart__member__XTwro {
  background: var(--oxford);
  color: var(--oxford);
  margin: 0 auto;
}

.VerticalBarChart__peers__UlkgA {
  background: var(--coral);
  color: var(--coral);
}

.VerticalBarChart__others__31-9u {
  background: var(--merlot);
  color: var(--merlot);
}

.VerticalBarChart__negative__z0lm1 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.VerticalBarChart__zeroValue__16ctD {
  z-index: 1;
  transform: translateY(-1px);
}

.VerticalBarChart__barValue__Hrx2x, .VerticalBarChart__barLabel__0E\+66 {
  position: absolute;
  background: none;
  left: 50%;
  transform: translateX(-50%);
}

.VerticalBarChart__barValue__Hrx2x {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    color: inherit;
    font-size: 0.8rem;
    font-weight: var(--semi-bold);
    line-height: 1;
  bottom: calc(100% + 11px);

  white-space: nowrap;
}

.VerticalBarChart__barLabel__0E\+66 {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    color: inherit;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -2.5rem;
  height: 2rem;
  width: 100%;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.CreditAccountsDetailsModule__notVerifiedBlock__5xw9E {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding-top: 1.7rem;
  padding-bottom: 1.7rem;
}

.CreditAccountsDetailsModule__blockText__koLEN {
  color: var(--smoke);
  font-family: var(--sans);
  font-size: 1rem;
  font-weight: var(--regular);
}

.CreditAccountsDetailsModule__buttonContainer__oLepW {
  margin-top: 1.7rem;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.CreditTotalsOverview__textCenter__LQZT4 {
  text-align: center;
}

:root {
  --hint-icon-size: 18px;
  --hint-icon-padding-left: .125rem;
}

.CreditTotalsOverview__alert__Nf722 {
  margin: 1.5rem auto;
  color: var(--shale);
  text-align: center;
}

.CreditTotalsOverview__title__cWNtA {
  display: block;
  padding-right: calc(var(--hint-icon-padding-left) + var(--hint-icon-size));
  position: relative;
}

.CreditTotalsOverview__subtitle__g0ehW {
  position: absolute;
  padding-top: .125rem;
  font-size: .625rem;
  top: 18px;
  width: 100%;
  text-align: center;
}

@media (min-width: 1440px) {

.CreditTotalsOverview__subtitle__g0ehW {
    top: 22px;
}
  }

.CreditTotalsOverview__tooltipIconWrapper__x3\+g3 {
    display: inline-block;
    position: absolute;
    width: .8rem;
    height: .8rem;

    top: 50%;
    margin-top: -.4rem;
}

* ~ .CreditTotalsOverview__tooltipIconWrapper__x3\+g3 {
      margin-left: .4rem;
    }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --section-horizontal-padding-mobile: 2px;
  --section-horizontal-padding-wider: 8px;
}

.Overview__overview__Khbjt {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(-1 * var(--nav-pane-h-padding-tiny) / 2);
}

@media (min-width: 768px) {

.Overview__overview__Khbjt {
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
}
  }

.Overview__section__e1zmS {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 50%;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.Overview__section__e1zmS:nth-child(2n+1) {
    padding-right: var(--section-horizontal-padding-mobile);
  }

.Overview__section__e1zmS:nth-child(2n) {
    padding-left: var(--section-horizontal-padding-mobile);
    border-left: 1px solid var(--silver);
  }

.Overview__section__e1zmS:nth-child(2n)::before {
      left: calc(-1 * var(--section-horizontal-padding-mobile));
    }

.Overview__section__e1zmS:nth-last-child(n+3) {
    margin-bottom: 1rem;
  }

@media (min-width: 768px) {

.Overview__section__e1zmS:nth-last-child(n+3) {
      margin-bottom: 0;
  }
    }

.Overview__section__e1zmS:nth-child(n+3) {
    margin-top: 1rem;
  }

.Overview__section__e1zmS:nth-child(n+3)::before {
      content: '';
      position: absolute;
      top: -1rem;
      width: 100%;
      height: 1px;
      background-color: var(--silver);
    }

@media (min-width: 768px) {

.Overview__section__e1zmS:nth-child(n+3) {
      margin-top: 0;
  }

      .Overview__section__e1zmS:nth-child(n+3)::before {
        display: none;
      }
    }

@media (min-width: 768px) {

.Overview__section__e1zmS {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
}

    .Overview__section__e1zmS:not(:first-child) {
      padding-left: var(--section-horizontal-padding-wider);
      border-left: 1px solid var(--silver);
    }

    .Overview__section__e1zmS:not(:last-child) {
      padding-right: var(--section-horizontal-padding-wider);
    }
  }

.Overview__title__RVOu6 {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    color: inherit;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
  /* title may contain more than one line and it shouldn't break the markup, so fixed height */
  color: var(--smoke);
  margin-bottom: .5rem;
  position: relative;
  font-size: 10px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 375px) {

.Overview__title__RVOu6 {
    font-size: 12px;
}
  }

@media (min-width: 1440px) {

.Overview__title__RVOu6 {
    height: 32px;
    font-size: 14px;
}
  }

.Overview__body__KtNWk {
  height: 32px;
  color: var(--shale);
  font-size: 18px;
  letter-spacing: -.2px;
  text-align: center;
  white-space: nowrap;
}

@media (min-width: 375px) {

.Overview__body__KtNWk {
    font-size: 20px;
}
  }

@media (min-width: 768px) {

.Overview__body__KtNWk {
    font-size: 24px;
}
  }

@media (min-width: 1440px) {

.Overview__body__KtNWk {
    height: 40px;
    font-size: 32px;
}
  }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CreditPage__page__JJDMW{padding-bottom:30vh}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.DescriptionList__textCenter__wuZQl {
  text-align: center;
}

.DescriptionList__descriptionList__XimaK {
}

.DescriptionList__fieldLabel__Fr1ni,
.DescriptionList__fieldValue__ocVxe {
  position: relative;
  margin-left: 1px;
}

.DescriptionList__fieldLabel__Fr1ni {
  margin-bottom: 6px;
  padding-top: 6px;
  color: var(--body-text-color);
  font-size: 12px;
}

.DescriptionList__labelText__yfCx4 {
  display: inline-block;
  vertical-align: middle;
}

.DescriptionList__fieldValue__ocVxe {
  overflow: hidden;
  margin-bottom: var(--space-default);
  border-bottom: 1px solid transparent;
  color: var(--heading-text-color);
  font-size: var(--text-field-font-size);
  text-overflow: ellipsis;
}

.DescriptionList__dimmed__4Wuh4 {
  color: var(--storm);
}

.DescriptionList__tooltipIconWrapper__r2onl {
    display: inline-block;
    position: absolute;
    width: .8rem;
    height: .8rem;

    top: 50%;
    margin-top: -.4rem;
}

* ~ .DescriptionList__tooltipIconWrapper__r2onl {
      margin-left: .4rem;
    }

.AccountSettingsModule__form__mUcA5 {
}

.AccountSettingsModule__footer__CICpS {
  display: flex;
  justify-content: space-between;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ProfileSettingsModule__avatar__mSLeO{width:60px;height:60px;margin:8px 0 16px}.ProfileSettingsModule__avatarTitle__wfKBR{color:#8c95a5;margin-bottom:6px;padding-top:6px;font-size:12px}.ProfileSettingsModule__avatarField__8OjvI{position:relative}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.PropertyForm__radioColumn__typd7 {
  display: inline-block;
  width: 50%;
}

.PropertyForm__radioBox__btK6m {
  text-align: right;
}

.PropertyForm__radioButton__9zssZ {
  display: inline-block;
  width: 40%;
  padding-right: .28rem;
}

.PropertyForm__radioLabel__U21JM {
  color: var(--body-text-color);
  font-family: var(--sans);
  font-size: .8rem;
}

.PropertyForm__innerForm__Wc6\+b {
  position: relative;
  margin: 1rem 0;
  padding: 1.5rem var(--space-small);
  background-color: var(--snow);
}

.PropertyForm__innerForm__Wc6\+b::after {
    content: '';
    position: absolute;
    top: -.34rem;
    left: 67.5%;
    width: .7rem;
    height: .7rem;
    transform: rotate(-45deg);
    background-color: var(--snow);
  }

.PropertyForm__innerForm__Wc6\+b.PropertyForm__housingType__WivQo::after {
    left: 51.5%;
  }

@media (min-width: 375px) {

.PropertyForm__innerForm__Wc6\+b {
    margin: 1rem var(--space-tiny);
    padding: 1.5rem var(--space-default);
}
  }

@media (min-width: 768px) {

.PropertyForm__innerForm__Wc6\+b {
    border-radius: var(--border-radius);
}
  }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AvatarEditable__container__-Jl8A{position:relative;width:100%;height:100%;cursor:pointer}.AvatarEditable__container__-Jl8A::before{content:attr(data-action-name);text-transform:uppercase;text-shadow:0 0 2px #0b0014;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;text-align:center;color:#fff;position:absolute;top:50%;left:50%;z-index:1;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AvatarField__container__aeJJJ{position:relative;width:60px;height:60px}.AvatarField__preloader__ddkA0{position:absolute;top:0;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.AvatarField__errorIcon__6BPqU{position:absolute;left:50%;top:calc(50% - 3px);width:30px;height:30px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none;color:#f2a422}.AvatarField__error__WL4h- .AvatarField__errorIcon__6BPqU{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.AvatarField__avatarTitle__megG2{color:#8c95a5;margin-bottom:8px;font-size:12px}.AvatarField__avatarField__1SQZu{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.AvatarField__avatarField__1SQZu.AvatarField__formMode__9xFml{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:start;align-items:start}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Cropper__container__9eyAF{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.Cropper__actions__tGND\+{width:250px;margin-bottom:16px}.Cropper__rotateButtons__Ldp9h{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;width:250px;padding:0 6px;margin-top:-37px}.Cropper__rotateButton__aoC5c{border:none;padding:0;background-color:transparent;cursor:pointer;text-transform:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;padding:8px;width:32px;color:#3172f5;background:#fff;border-radius:50%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.Cropper__rotateButton__aoC5c:focus{outline:none}.Cropper__rotateButton__aoC5c:disabled{cursor:default}.Cropper__rotateButton__aoC5c:not(:disabled):active{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.Cropper__rotateButton__aoC5c::before{display:none}.Cropper__left__v4UNx,.Cropper__left__v4UNx:not(:disabled):active{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.Cropper__right__MX8TR{margin-left:auto}.Cropper__rangeInput__ZwzEl{margin-bottom:8px;width:250px}.Cropper__cancelLinkWrapper__oJlUF{margin-top:16px;text-align:center}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.InputRange__input__vKGmK{height:50px;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.OptOutModal__optOutModal__aJ6wc {
  width: 100%;
}

.OptOutModal__buttonWrapper__3pXlp {
  text-align: center;
}

.OptOutModal__checkbox__fGuZi {
  display: flex;
  align-items: center;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.DeviceSettingsModule__textCenter__w0T9T {
  text-align: center;
}

:root {
  --header-bg-color: var(--satin);
  --border: 1px solid var(--silver);
  --cell-padding: 16px 0 16px 16px;

  --sorting-arrow-size: .21rem

  /* Used by Homes, Cars, Devices, Interest Rates Tables */}

.DeviceSettingsModule__table__2mxlK {
  position: relative;
  width: 100%;
  font: normal .8rem/1 var(--sans);
}

.DeviceSettingsModule__tableInner__BMBcI {
  width: 100%;
}

.DeviceSettingsModule__headerRow__BVKjk {
  border: var(--border);
  border-radius: .31rem .31rem 0 0;
  background-color: var(--header-bg-color);
}

.DeviceSettingsModule__headerRow__BVKjk.DeviceSettingsModule__white__w1xTO {
    background-color: var(--salt);
  }

.DeviceSettingsModule__headerCell__p5QeM {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-size: 9px;
    font-weight: var(--semi-bold);
    letter-spacing: -0.3px;
    text-transform: uppercase;
    line-height: 1;
  vertical-align: middle;
  padding: var(--cell-padding);
    padding-right: var(--space-default);
    padding-left: var(--space-default);
  text-align: left;
  white-space: nowrap;
  background: var(--satin);
}

@media (min-width: 768px) {

.DeviceSettingsModule__headerCell__p5QeM {
      font-size: 12px;
}
    }

@media (min-width: 768px) {

.DeviceSettingsModule__headerCell__p5QeM {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.DeviceSettingsModule__headerCell__p5QeM {
      padding-left: var(--space-medium);
}
    }

.DeviceSettingsModule__responsiveTitle__jpoN- {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    color: inherit;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
  color: var(--smoke);
  margin-bottom: .5rem;
  position: relative;
}

@media (min-width: 768px) {

.DeviceSettingsModule__responsiveTitle__jpoN- {
    display: none;
}
  }

.DeviceSettingsModule__responsiveTitleText__QiYJ- {
  position: relative;
}

.DeviceSettingsModule__headerTitle__FzV5A {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}

.DeviceSettingsModule__sortingWrapper__y0l2G {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: .7rem;
  height: .55rem;
  margin-left: .34rem;
}

@media (min-width: 768px) {

.DeviceSettingsModule__sortingWrapper__y0l2G {
    vertical-align: middle;
}
  }

.DeviceSettingsModule__sortingWrapper__y0l2G::before,
  .DeviceSettingsModule__sortingWrapper__y0l2G::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: var(--sorting-arrow-size) solid transparent;
  }

.DeviceSettingsModule__sortingWrapper__y0l2G::before {
    top: calc(-1 * var(--sorting-arrow-size));
    border-bottom-color: inherit;
  }

.DeviceSettingsModule__sortingWrapper__y0l2G::after {
    bottom: calc(-1 * var(--sorting-arrow-size));
    border-top-color: inherit;
  }

.DeviceSettingsModule__sortingWrapper__y0l2G.DeviceSettingsModule__withHelpText__KsrYG {
    right: -1.2rem;
  }

.DeviceSettingsModule__up__198op::before {
  border-bottom-color: var(--action);
}

.DeviceSettingsModule__down__-1Gf2::after {
  border-top-color: var(--action);
}

.DeviceSettingsModule__body__CVzZp::after {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.DeviceSettingsModule__row__c05dN {
  border: var(--border);
  background-color: var(--salt);
  position: relative;
}

.DeviceSettingsModule__cell__5mZxz {
  vertical-align: middle;
  padding: var(--cell-padding);
  color: var(--body-text-color);
  position: relative;
  text-align: left;
  font-size: 1.1rem;
    padding-right: var(--space-default);
    padding-left: var(--space-default);
}

@media (min-width: 768px) {

.DeviceSettingsModule__cell__5mZxz {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.DeviceSettingsModule__cell__5mZxz {
      padding-left: var(--space-medium);
}
    }

.DeviceSettingsModule__cell__5mZxz[rowspan] {
    vertical-align: top;
  }

@media (min-width: 768px) {

.DeviceSettingsModule__cell__5mZxz {
    font-size: 1rem;
    text-align: left;
}
  }

.DeviceSettingsModule__footer__M\+2IV {
  border-radius: 0 0 .28rem .28rem;
}

.DeviceSettingsModule__footer__M\+2IV > tr {
    border-top: 0;
  }

.DeviceSettingsModule__footer__M\+2IV::before {
    content: '';
    display: block;
    height: 1;
    background: var(--satin);
  }

.DeviceSettingsModule__paginatorWrapper__KrOZT {
  display: flex;
  flex-grow: 1;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: .625rem;
}

.DeviceSettingsModule__paginatorWrapper__KrOZT > * {
    flex-shrink: 0;
  }

.DeviceSettingsModule__pageSizeSelectorWrapper__JKlR7 {
  /* pin the item to the right-hand size */
  margin-left: auto;
}

.DeviceSettingsModule__tooltipIconWrapper__IgCtt {
    display: inline-block;
    position: absolute;
    width: .8rem;
    height: .8rem;

    top: 50%;
    margin-top: -.4rem;
  margin-left: 4px;
  left: 100%;
}

* ~ .DeviceSettingsModule__tooltipIconWrapper__IgCtt {
      margin-left: .4rem;
    }

/* ----------- SPECIFIC TABLE STYLES ------------- */

/*
  Last column of the following two table are the least significant
  so we can hide them for certain viewports assuming this would work for all the data.
 */

.DeviceSettingsModule__debtsAccountDetails__0tlKR th:last-child,
  .DeviceSettingsModule__creditAccountDetails__7LCHr th:last-child,
  .DeviceSettingsModule__debtsAccountDetails__0tlKR td:last-child,
  .DeviceSettingsModule__creditAccountDetails__7LCHr td:last-child {
    display: none;
  }

@media (min-width: 1280px) {

.DeviceSettingsModule__debtsAccountDetails__0tlKR th:last-child,
  .DeviceSettingsModule__creditAccountDetails__7LCHr th:last-child,
  .DeviceSettingsModule__debtsAccountDetails__0tlKR td:last-child,
  .DeviceSettingsModule__creditAccountDetails__7LCHr td:last-child {
      display: table-cell;
  }
    }

.DeviceSettingsModule__accountsTable__XufXG td:nth-child(2) {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-weight: var(--medium);
  }

.DeviceSettingsModule__pointing__Id\+Ak {
  cursor: pointer;
}

:root {
  --width-large: 30%; /* Device Name */
  --width-medium: 20%; /* Verified, Login Date, Login Location */
  --width-small: 10%; /* Delete Button */
}

.DeviceSettingsModule__emptyState__ElsK5 {
}

/* Hide Date Verified */

.DeviceSettingsModule__deviceTable__MbPDq th:nth-child(2),
  .DeviceSettingsModule__deviceTable__MbPDq td:nth-child(2) {
    display: none;
  }

.DeviceSettingsModule__deviceTable__MbPDq th {
    width: var(--width-medium);
  }

@media (min-width: 768px) {
      .DeviceSettingsModule__deviceTable__MbPDq th:first-child {
        width: var(--width-large);
      }

      .DeviceSettingsModule__deviceTable__MbPDq th:last-child {
        width: var(--width-small);
      }
    }

/* ===============================  Group Rules  ============================= */

/* Last Login Date & Delete Button */

.DeviceSettingsModule__deviceTable__MbPDq td:nth-child(3),
    .DeviceSettingsModule__deviceTable__MbPDq td:nth-child(5) {
      display: inline-block;
      padding-bottom: 1rem;
    }

/* Last Login Date & Location */

.DeviceSettingsModule__deviceTable__MbPDq td:nth-child(3),
    .DeviceSettingsModule__deviceTable__MbPDq td:nth-child(4) {
      font-size: 0.8rem;
      position: absolute;
      right: 0;
    }

/* =============================  Individual Cells  =========================== */

/* Device */

.DeviceSettingsModule__deviceTable__MbPDq td:first-child {
      padding-bottom: 0;
    }

/* Last Login Date */

.DeviceSettingsModule__deviceTable__MbPDq td:nth-child(3) {
      padding-top: 0.5rem;
      top: 2rem;
    }

/* Last Login Location */

.DeviceSettingsModule__deviceTable__MbPDq td:nth-child(4) {
      text-align: right;
      top: 0.3rem;
    }

/* Delete */

.DeviceSettingsModule__deviceTable__MbPDq td:nth-child(5) {
      text-align: left;
      width: 100%;
      box-sizing: border-box;
      padding-top: 0.8rem;
      padding-bottom: 1rem;
    }

.DeviceSettingsModule__deviceTable__MbPDq tbody, .DeviceSettingsModule__deviceTable__MbPDq tr {
      display: block;
    }

.DeviceSettingsModule__deviceTable__MbPDq th:nth-child(n+2) {
      padding-left: 0;

      padding-right: .5rem;
    }

@media (min-width: 768px) {
      .DeviceSettingsModule__deviceTable__MbPDq th:nth-child(n+0), .DeviceSettingsModule__deviceTable__MbPDq td:nth-child(n+0) {
        padding: var(--cell-padding);

        padding-left: 20px;
        position: inherit;
        display: table-cell;
        top: inherit;
        right: inherit;
      }

      .DeviceSettingsModule__deviceTable__MbPDq th:first-child,
      .DeviceSettingsModule__deviceTable__MbPDq td:first-child,
      .DeviceSettingsModule__deviceTable__MbPDq th:last-child,
      .DeviceSettingsModule__deviceTable__MbPDq td:last-child {
    padding-right: var(--space-default);
      }
    }

@media (min-width: 768px) and (min-width: 768px) {

      .DeviceSettingsModule__deviceTable__MbPDq th:first-child,
      .DeviceSettingsModule__deviceTable__MbPDq td:first-child,
      .DeviceSettingsModule__deviceTable__MbPDq th:last-child,
      .DeviceSettingsModule__deviceTable__MbPDq td:last-child {
      padding-right: var(--space-medium);
      }
    }

@media (min-width: 768px) {

      .DeviceSettingsModule__deviceTable__MbPDq td:nth-child(n+0) {
        text-align: inherit;
        font-size: 1rem;
        font-weight: inherit;
        width: inherit;
      }

      .DeviceSettingsModule__deviceTable__MbPDq tbody {
        display: table-row-group;
      }

      .DeviceSettingsModule__deviceTable__MbPDq tr {
        display: table-row;
      }

      .DeviceSettingsModule__deviceTable__MbPDq tfoot td:nth-child(n+0) {
        display: table-cell;
      }
    }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.UserAgentBadge__browserBadge__EGaEX {

}

.UserAgentBadge__browser__\+hd-J {
  line-height: 140%;
}

.UserAgentBadge__os__B8sBk {
  font-size: .8rem;
}

@media (min-width: 768px) {

.UserAgentBadge__os__B8sBk {
    font-size: inherit;
}
  }

.UserAgentBadge__caption__avpih {
  display: none;
  width: 4.1rem;
  color: color(var(--slate) a(40%));
  margin-right: .5rem;
}

@media (min-width: 768px) {

.UserAgentBadge__caption__avpih {
    display: inline-block;
}
  }

.UserAgentBadge__value__kBXOa {

}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.DeleteAccountModule__deleteAccountModule__3xoOS {
  width: 100%;
  padding-bottom: var(--module-wrapper-margin);
}

.DeleteAccountModule__buttonWrapper__v1lq- {
  text-align: center;
}

.DeleteAccountModule__checkbox__Gsytu {
  display: flex;
  align-items: center;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --grid-cell-margin: 1.5rem;
}

.SettingsPage__personalInfoGrid__Uz\+v4 {
  display: flex;
  max-width: 80rem;
  flex-wrap: wrap;
  margin-right: calc(-1 * var(--grid-cell-margin));
}

@media (min-width: 1440px) {

.SettingsPage__personalInfoGrid__Uz\+v4 {
    flex-wrap: nowrap;
}
  }

.SettingsPage__gridCell__ze8lQ {
  flex-grow: 1;
  margin-right: var(--grid-cell-margin);
}

.SettingsPage__accountModuleCell__oOILj,
.SettingsPage__profileModuleCell__gWh38,
.SettingsPage__subscriptionModuleCell__f6O7L {
}

.SettingsPage__contactModuleCell__zSJ-1 {
  max-width: calc(50% - var(--grid-cell-margin));
}

@supports (display: grid) {
  .SettingsPage__personalInfoGrid__Uz\+v4 {
    display: grid;
    margin-right: 0;
    margin-bottom: var(--module-wrapper-margin);
    grid-template-rows: auto auto;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    grid-gap: var(--grid-cell-margin);
  }

  .SettingsPage__profileModuleCell__gWh38 {
    grid-row: 1 / span 3;
  }

  @media (min-width: 768px) {
    .SettingsPage__accountModuleCell__oOILj,
    .SettingsPage__subscriptionModuleCell__f6O7L,
    .SettingsPage__contactModuleCell__zSJ-1 {
      grid-column: 2;
    }
  }

  .SettingsPage__gridCell__ze8lQ {
    margin-right: 0;
    /* TODO to compensate `moduleWrapper` bottom margin. Will be removed once we shift to grids entirely. */
  }
    @media (min-width: 768px) {

  .SettingsPage__gridCell__ze8lQ {
      margin-bottom: calc(-1 * var(--module-wrapper-margin));
  }
    }

  .SettingsPage__contactModuleCell__zSJ-1 {
    max-width: initial;
  }

  @media (min-width: 1280px) {
    .SettingsPage__subscriptionModuleCell__f6O7L {
      grid-column: 3;
    }
  }
}

.SettingsPage__footerWrapper__HTgxR {
  padding: 0 16px;
}

@media (min-width: 768px) {

.SettingsPage__footerWrapper__HTgxR {
    padding: 0;
}
  }

.SettingsPage__version__jwbnl {
  color: transparent;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SubscriptionSettingsModule__subscriptionSettingsModule__KrX0W{position:relative}.SubscriptionSettingsModule__subscriptionSettingsModule__KrX0W.SubscriptionSettingsModule__loadingWithNoData__RhHGy{min-height:124px}.SubscriptionSettingsModule__loadingWithNoData__RhHGy{content:''}.SubscriptionSettingsModule__loadingWrapper__WNeQi{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3}.SubscriptionSettingsModule__section__bRyil:not(:empty){margin-top:16px}.SubscriptionSettingsModule__section__bRyil:not(:empty):first-child{margin-top:0}.SubscriptionSettingsModule__generalSection__xOvHE,.SubscriptionSettingsModule__amountSection__IhQd4,.SubscriptionSettingsModule__paymentSourceSection__48q\+B{content:''}.SubscriptionSettingsModule__downgrade__nVH8h{padding-top:32px;display:block}.SubscriptionSettingsModule__downgradeButtons__tb9aY{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.SubscriptionSettingsModule__button__qszE3{margin-left:11px}.SubscriptionSettingsModule__downgradeClose__SVSjL{position:absolute;top:12px;right:16px;z-index:2;width:40px;height:40px;padding:8px;color:#afbac6;z-index:10}@media screen and (min-width: 768px){.SubscriptionSettingsModule__downgradeClose__SVSjL{position:absolute;top:16px;right:20px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SubscriptionGeneralSection__subscriptionGeneralSection__dR94g{font-family:"sans", "Arial", sans-serif;font-size:12px}.SubscriptionGeneralSection__badgeLine__iDP0z{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.SubscriptionGeneralSection__badgeWrapper__VYWWb{position:relative;display:inline-block;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0;-ms-flex:0 0;flex:0 0}.SubscriptionGeneralSection__badgeWrapper__VYWWb.SubscriptionGeneralSection__blur__awFUW{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}.SubscriptionGeneralSection__daysLeft__AiAa3{color:#6a7185}.SubscriptionGeneralSection__secondaryCtaWrapper__Bhj5l{margin-left:auto}.SubscriptionGeneralSection__mainCopyLine__Ug2xU{margin-top:16px;font-size:14px;line-height:1.4;color:#4d556c}.SubscriptionGeneralSection__mainCtaLine__LKQ8m{margin-top:14px}.SubscriptionGeneralSection__mainCtaInnerWrapper__m3l\+T{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:36px}.SubscriptionGeneralSection__mainCtaCopy__dRAuB{color:#232a41;font-weight:600}.SubscriptionGeneralSection__mainCtaChevron__LkSOr{margin-left:8px;width:12px;height:12px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SubscriptionPaymentSourceSection__subscriptionPaymentSourceSection__Edthk{font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.45}.SubscriptionPaymentSourceSection__label__S\+6L0{color:#6a7185}.SubscriptionPaymentSourceSection__cardLine__qWxt-{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-top:8px}.SubscriptionPaymentSourceSection__brandIconWrapper__KUkcM{content:''}.SubscriptionPaymentSourceSection__brandIcon__e3JRZ{height:32px}.SubscriptionPaymentSourceSection__cardNumber__nBe4C{margin-left:4px;font-size:16px;line-height:1.5;color:#4d556c}.SubscriptionPaymentSourceSection__cta__AJOx\+{margin-left:auto}.SubscriptionPaymentSourceSection__errorLine__qCvnd{margin-top:12px;color:#e34242}.SubscriptionPaymentSourceSection__successLine__3q-Qp{margin-top:12px;color:#57bd39}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SubscriptionAmountSection__subscriptionAmountSection__D5YjU{font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.45}.SubscriptionAmountSection__label__9dZcV{color:#6a7185}.SubscriptionAmountSection__label__9dZcV .SubscriptionAmountSection__bold__bEGUK{font-weight:500}.SubscriptionAmountSection__amountLine__A7B37{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-top:4px}.SubscriptionAmountSection__amount__oDAsI{font-weight:500;font-size:32px;line-height:1;color:#232a41}.SubscriptionAmountSection__date__RrCRi{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end;margin-left:16px;font-size:16px;line-height:1.2;color:#4d556c}.SubscriptionAmountSection__cta__1Y-0s{margin-left:auto}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.CreditLinkagePage__textCenter__su7IV {
  text-align: center;
}

.CreditLinkagePage__creditLinkagePage__TlhcK {
  display: flex;
  min-height: calc(100vh - var(--nav-height-one-column));
  flex-flow: column;
  align-items: stretch;
  justify-content: space-between;
  background-color: var(--snow);
}

@media (min-width: 1024px) {

.CreditLinkagePage__creditLinkagePage__TlhcK {
    min-height: 100vh;
}
  }

.CreditLinkagePage__main__YLfhA {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 1rem;
    padding-left: 1rem;
  display: flex;
  flex-flow: column;
  align-items: center;
}

@media (min-width: 375px) {

.CreditLinkagePage__main__YLfhA {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
}
    }

@media (min-width: 1440px) {

.CreditLinkagePage__main__YLfhA {
      padding-right: 2rem;
      padding-left: 2rem;
}
    }

.CreditLinkagePage__linkage__jG5qO {
  width: 100%;
}

@media (min-width: 768px) {

.CreditLinkagePage__linkage__jG5qO {
    width: 23rem;
}
  }

@media (min-width: 1440px) {

.CreditLinkagePage__linkage__jG5qO {
    width: 28rem;
}
  }

.CreditLinkagePage__linked__HBs-Z {
  width: 100%;
}

@media (min-width: 768px) {

.CreditLinkagePage__linked__HBs-Z {
    width: 32.5rem;
}
  }

@media (min-width: 1024px) {

.CreditLinkagePage__linked__HBs-Z {
    margin-top: 3.2rem;
}
  }

@media (min-width: 1440px) {

.CreditLinkagePage__linked__HBs-Z {
    margin-top: 5.75rem;
}
  }

.CreditLinkagePage__footer__YvvvQ {
    padding-right: 1rem;
    padding-left: 1rem;
}

@media (min-width: 375px) {

.CreditLinkagePage__footer__YvvvQ {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
}
    }

@media (min-width: 1440px) {

.CreditLinkagePage__footer__YvvvQ {
      padding-right: 2rem;
      padding-left: 2rem;
}
    }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.CreditLinkage__creditLinkage__eusaq {
  text-align: center;
}

.CreditLinkage__formButtonContainer__Xq0IZ {
  margin-top: 1.5rem;
}

.CreditLinkage__formButtonContainer__Xq0IZ.CreditLinkage__formButtonContainerFirst__1qtXi {
    margin-top: 3.2rem;
  }

.CreditLinkage__content__PZs3o {
  margin-top: 2rem;
}

.CreditLinkage__subtitleHighlighted__m6hJ7 {
  animation: CreditLinkage__subtitleHighlightedAnimation__ItGH1 1s 1s linear;
}

.CreditLinkage__spinner__KIGpT {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.CreditLinkage__spinnerBlockWrapper__YMny7 {
  display: inline-block;
  height: 1.4rem;
}

.CreditLinkage__spinnerWrapper__484Hu {
  margin-top: 3.4rem;
}

.CreditLinkage__spinnerCaption__AZkxA {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-right: .7rem;
  color: var(--smoke);
}

@keyframes CreditLinkage__subtitleHighlightedAnimation__ItGH1 {
  0% {
    transform: none;
  }

  20% {
    transform: scale(1.07);
  }

  100% {
    transform: none;
  }
}

.CreditLinkage__errorButtons__LMUkt {
  margin-top: 2.5rem;
  margin-bottom: 7rem;
}

.CreditLinkage__errorButtonContainer__Zpp\+L {
  margin-top: 1.5rem;
}

.CreditLinkage__errorButtonContainer__Zpp\+L:first-of-type {
    margin-top: 0;
  }

.CreditLinkage__transunionBadge__MIVLc {
  margin-top: 1.5rem;
}

.CreditLinkage__subheaderParagraph__nWUrb {
  margin-top: 12px;
}

.CreditLinkage__subheaderParagraph__nWUrb:first-child {
    margin-top: 0;
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.CreditLinkageQuestions__textCenter__7g2tR {
  text-align: center;
}

:root {
  --dot-internal-size: 4px;
  --dot-border-size: 2px;
  --dot-size: calc(var(--dot-internal-size) + var(--dot-border-size) * 2);
  --dot-distance: .75rem;
  --triangle-half-width: 15px;
  --credit-question-top-margin: 2rem;
}

.CreditLinkageQuestions__creditLinkageQuestions__TsZYs {
  display: flex;
  flex-flow: column;
  align-items: stretch;
  margin-right: -1rem;
  margin-left: -1rem;
}

@media (min-width: 375px) {

.CreditLinkageQuestions__creditLinkageQuestions__TsZYs {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
}
  }

@media (min-width: 1440px) {

.CreditLinkageQuestions__creditLinkageQuestions__TsZYs {
    margin-right: -2rem;
    margin-left: -2rem;
}
  }

.CreditLinkageQuestions__dotsPager__m0bIj {
  display: flex;
  justify-content: center;
}

.CreditLinkageQuestions__dot__\+zZJ6 {
  position: relative;
  width: var(--dot-internal-size);
  height: var(--dot-internal-size);
  margin-left: var(--dot-distance);
  border: solid var(--dot-border-size) var(--storm);
  border-radius: 50%;
}

.CreditLinkageQuestions__dot__\+zZJ6:first-child {
    margin-left: 0;
  }

.CreditLinkageQuestions__dot__\+zZJ6.CreditLinkageQuestions__dotActive__553iw {
    border-color: var(--action);
    background-color: var(--action);
  }

.CreditLinkageQuestions__dot__\+zZJ6.CreditLinkageQuestions__dotActive__553iw::before {
      content: '';
      position: absolute;
      bottom: calc(-1 * var(--credit-question-top-margin) - var(--dot-border-size));
      left: calc(var(--dot-internal-size) / 2 - var(--triangle-half-width));
      width: 0;
      height: 0;
      border: 0 solid transparent;
      border-right-width: var(--triangle-half-width);
      border-bottom: 21px solid var(--satin);
      border-left-width: var(--triangle-half-width);
    }

.CreditLinkageQuestions__creditQuestion__Mo1G\+ {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 1rem;
    padding-left: 1rem;
  margin-top: var(--credit-question-top-margin);
  background-color: var(--satin);
  text-align: left;
}

@media (min-width: 375px) {

.CreditLinkageQuestions__creditQuestion__Mo1G\+ {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
}
    }

@media (min-width: 1440px) {

.CreditLinkageQuestions__creditQuestion__Mo1G\+ {
      padding-right: 2rem;
      padding-left: 2rem;
}
    }

.CreditLinkageQuestions__questionTitle__j4VTM {
  color: var(--shale);
  font-family: var(--atlas-grotesk);
  font-size: 1.25rem;
  font-weight: var(--medium);
  line-height: 1.25;
}

.CreditLinkageQuestions__answers__QNjf4 {
  margin-top: 1rem;
}

.CreditLinkageQuestions__answer__luxHF {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.TransunionBadge__transUnionItem__DejIn {
  color: var(--stone);
  font-family: var(--sans);
  font-size: .8125rem;
}

.TransunionBadge__logo__L8pI4 {
  width: 10.4rem;
  height: 2.7rem;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --diamond-size: 2.58rem;
}

.StepIndicator__cardSuccess__PKhCJ {
  display: inline-block;
  width: 214px;
  height: 155px;
  background-image: url('/images/cc-onboarding-success.svg');
  background-repeat: no-repeat;
  background-size: cover;
}

.StepIndicator__exclamation__WzBRx {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url('/images/onboarding-exclamation.svg');
  background-repeat: no-repeat;
  background-size: cover;
}

.StepIndicator__checkStep__bO-gR {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url('/images/onboarding-check.svg');
  background-repeat: no-repeat;
  background-size: cover;
}

.StepIndicator__stepCompleted__t9FJQ {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url('/images/onboarding-thumb-up.svg');
  background-repeat: no-repeat;
  background-size: cover;
}

.StepIndicator__stepIndicator__6Xsr5 {
  display: inline-block;
  width: var(--diamond-size);
  height: var(--diamond-size);
  margin: .7rem 0;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
  transform: rotate(45deg);
  color: var(--cyan-500);
  text-align: center;
}

.StepIndicator__value__guPcF {
  display: inline-block;
  transform: rotate(-45deg);
  font: var(--medium) 1rem/var(--diamond-size) var(--sans);
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.GatherHeader__gatherHeader__VpF5K {
  /* avoid overflow in IE */
  width: 100%;
}

.GatherHeader__progress__jdATz {
  margin-bottom: 24px;
  text-align: center;
}

.GatherHeader__title__HSgLR {
  margin-top: 0;
  color: var(--shale);
  font-family: var(--serif);
  font-size: 2rem;
  font-weight: var(--medium);
  letter-spacing: -.6px;
  text-align: center;
}

@media (min-width: 768px) {

.GatherHeader__title__HSgLR {
    font-size: 2.5rem;
}
  }

@media (min-width: 1024px) {

.GatherHeader__title__HSgLR {
    font-size: 40px;
}
  }

.GatherHeader__subtitleWrapper__38vY1 {
  margin-top: 1.5rem;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.Subtitle__subtitle__C43rs {
  color: var(--smoke);
  font-size: 1rem;
  line-height: 1.25;
  text-align: center;
}

@media (min-width: 768px) {

.Subtitle__subtitle__C43rs {
    line-height: 1.38;
}
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.CreditLinkageCompletion__creditLinkageCompletion__q7g4m {
  display: flex;
  flex-flow: column;
  align-items: center;
}

.CreditLinkageCompletion__subtitleParagraph__zZsFp:not(:first-child) {
    margin-top: .7rem;
  }

.CreditLinkageCompletion__summary__2Yu3K {
  width: 100%;
  margin-top: 5.5rem;
}

.CreditLinkageCompletion__buttonContainer__T7EXU {
  width: 100%;
  margin-top: 5.5rem;
}

@media (min-width: 768px) {

.CreditLinkageCompletion__buttonContainer__T7EXU {
    width: 23rem;
}
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.CreditChart__textCenter__-VCKL {
  text-align: center;
}

:root {
  --low: rgba(255, 86, 86, 0.7);
  --fair: rgba(255, 106, 0, 0.7);
  --good: var(--warning-a70);
  --great: rgba(147, 215, 33, 0.7);
  --excellent: var(--success-a70);

  --default-marker-top: -5px;
}

.CreditChart__creditChart__ZDZH2 {
  position: relative;
  display: flex;
}

.CreditChart__creditBarPortion__XUpoi {
  display: inline-block;
  height: 11px;
}

.CreditChart__creditBarPortion__XUpoi:not(:last-child) {
    border-right: 1px solid var(--salt);
  }

.CreditChart__creditBarLabels__bxLdL {
  position: relative;
  top: 1rem;
  color: var(--smoke);
  font-size: 12px;
}

.CreditChart__low__vEsgG {
  flex: 2.5;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: var(--low);
}

.CreditChart__fair__nYCS5 {
  flex: 1.2;
  background: var(--fair);
}

.CreditChart__good__DlduQ {
  flex: 1;
  background: var(--good);
}

.CreditChart__great__jgjvl {
  flex: 1;
  background: var(--great);
}

.CreditChart__excellent__ZKxqt {
  flex: 1;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background: var(--excellent);
}

.CreditChart__creditMarker__jXDlF {
  position: absolute;
  top: var(--default-marker-top);
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 100%;
  background: var(--salt);
  font-size: 1rem;
}

.CreditChart__creditMarker__jXDlF:hover {
    z-index: 10;
  }

.CreditChart__creditMarker__jXDlF:hover > .CreditChart__tooltipContainer__QmsCY {
    visibility: visible;
    transform: translateY(-.34rem) translateX(-50%);
    opacity: 1;
      bottom: calc(100% + .75rem);
    }

.CreditChart__creditMarker__jXDlF::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
  }

.CreditChart__creditMarker__jXDlF > span {
    position: relative;
    top: -2.5px;
    left: 1.8px;
  }

.CreditChart__creditMarker__jXDlF.CreditChart__member__QaiYz::before {
    background: var(--oxford);
  }

.CreditChart__creditMarker__jXDlF.CreditChart__peers__MmsKr:hover {
      z-index: 2;
    }

.CreditChart__creditMarker__jXDlF.CreditChart__peers__MmsKr::before {
      background: var(--coral);
    }

.CreditChart__creditMarker__jXDlF.CreditChart__others__Ye83T:hover {
      z-index: 2;
    }

.CreditChart__creditMarker__jXDlF.CreditChart__others__Ye83T::before {
      background: var(--merlot);
    }

.CreditChart__tooltipContainer__QmsCY {
    position: absolute;
    z-index: 11;
    bottom: calc(100% + .48rem);
    left: 50%;
    display: inline-block;
    visibility: hidden;
    transform: translateY(0) translateX(-50%);
    opacity: 0;
    transition: opacity var(--fast) var(--ease-out-quint), transform var(--fast) var(--ease-out-quint);
}

.CreditChart__member__QaiYz {
  z-index: 1;
  border-color: var(--oxford);
}

.CreditChart__member__QaiYz > .CreditChart__tooltipContainer__QmsCY {
    visibility: visible;
    transform: translateY(-.34rem) translateX(-50%);
    opacity: 1;
    bottom: calc(100% + .75rem);
  }

.CreditChart__peers__MmsKr {
  border-color: var(--coral);
}

.CreditChart__others__Ye83T {
  border-color: var(--merlot);
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --image-width-one-column: 160px;
  --divider-color: var(--silver);
  --divider-height: 80px;
  --divider-height-one-column: 64px;
  --highlight-min-font-size: 16px;
  --highlight-font-size: 24px;
}

.OfferPage__container__A5Dnp {
  max-width: 832px;
  margin: 0 calc(-1 * var(--space-default));
}

@media (min-width: 768px) {

.OfferPage__container__A5Dnp {
    margin: 0 auto;
}
  }

@media (min-width: 1280px) {

.OfferPage__container__A5Dnp {
    max-width: var(--limited-page-width);
}
  }

.OfferPage__header__t5KgF {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 48px;
  font-size: 32px;
  line-height: 1.25;
  color: var(--shale);
}

@media (min-width: 768px) {

.OfferPage__header__t5KgF {
    margin-bottom: 56px;
    font-size: 48px;
}
  }

.OfferPage__product__tepFP {
  padding: 16px 0 0;
}

@media (min-width: 768px) {

.OfferPage__productTop__uZnUz {
    position: relative;
    padding-right: calc(var(--image-width-one-column) + 24px);
    min-height: 200px;
}
  }

.OfferPage__isWide__kPqIA {}

.OfferPage__productTitle__DeP9i {
  font-size: 36px;
  line-height: 1.5;
  color: var(--shale);
}

.OfferPage__productSubtitle__zCLDn {
  margin-top: 8px;
  font-size: 20px;
  line-height: 1.5;
  color: var(--stone);
}

.OfferPage__productDescription__crKzH {
  margin-top: 32px;
}

@media (min-width: 768px) {

.OfferPage__productDescription__crKzH {
    margin-top: 32px;
}
  }

.OfferPage__productDescriptionItem__Nmrhf {
  line-height: 1.5;
  color: var(--shale);

  margin-bottom: 8px;
}

.OfferPage__productDescriptionItem__Nmrhf::before {
    display: inline-block;
    content: '–';
    margin-right: 5px;
    color: var(--storm);
  }

.OfferPage__expandDescription__UUJln {
  color: var(--action);
  cursor: pointer;

  margin-top: 8px;
}

.OfferPage__imageColumn__zbY79 {
  margin-top: 32px;
  text-align: center;
}

@media (min-width: 768px) {

.OfferPage__imageColumn__zbY79 {
    position: absolute;
    top: 0;
    right: 0;
    width: var(--image-width-one-column);
    margin: 0;
}
  }

.OfferPage__image__ZgyqW {
  max-width: 100%;
  max-height: 200px;
}

@media (min-width: 768px) {

.OfferPage__image__ZgyqW {
    width: 100%;
}
  }

.OfferPage__applyButtonWrapper__EKNZd {
  width: 100%;
  height: 48px;
  margin-top: 24px;
  font-size: 12px;
}

.OfferPage__footer__nOEq4 .OfferPage__applyButtonWrapper__EKNZd {
    margin: 0;
  }

@media (min-width: 768px) {

.OfferPage__footer__nOEq4 .OfferPage__applyButtonWrapper__EKNZd {
      width: 224px;
  }
    }

.OfferPage__highlights__WF9jP {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
}

@media (min-width: 768px) {

.OfferPage__highlights__WF9jP {
    position: relative;
    padding-top: 32px;
}

    .OfferPage__highlights__WF9jP::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background-color: var(--divider-color);
    }
  }

.OfferPage__highlight__fA8vY {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  box-sizing: border-box;
  padding: 0 16px;
  text-align: center;
  margin-bottom: 24px;
}

.OfferPage__highlight__fA8vY:nth-child(2n)::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: calc(-1 * (var(--divider-height) - 100%) / 2);
      width: 1px;
      height: var(--divider-height);
      background: var(--divider-color);
    }

.OfferPage__highlight__fA8vY:nth-child(n+3) {
    margin-top: 24px;
  }

.OfferPage__highlight__fA8vY:nth-child(n+3)::after {
      content: '';
      display: block;
      position: absolute;
      top: -24px;
      left: 0;
      width: 100%;
      height: 1px;
      background: var(--divider-color);
    }

@media (min-width: 768px) {

.OfferPage__highlight__fA8vY {
    width: 25%;
    margin-bottom: 0;
}
      .OfferPage__highlight__fA8vY:not(:first-child)::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: calc(-1 * (var(--divider-height-one-column) - 100%) / 2);
        width: 1px;
        height: var(--divider-height-one-column);
        background: var(--divider-color);
      }

    .OfferPage__highlight__fA8vY:nth-child(n+3) {
      margin-top: 0;
    }

      .OfferPage__highlight__fA8vY:nth-child(n+3)::after {
        display: none;
      }
  }

.OfferPage__highlightInner__LEv7i {}

.OfferPage__hightlightLabel__byYdY {
  font-size: 12px;
  line-height: 1.7;
  color: var(--smoke);
}

@media (min-width: 1440px) {

.OfferPage__hightlightLabel__byYdY {
    font-size: 14px;
}
  }

.OfferPage__highlightValue__f9LgM {
  margin-top: 20px;
  font-size: var(--highlight-font-size);
  color: var(--slate);
  display: inline-block;
  white-space: nowrap;
  width: 100%;
}

@media (min-width: 768px) {

.OfferPage__highlightValue__f9LgM {
    margin-top: 5px;
}
  }

@media (min-width: 1440px) {

.OfferPage__highlightValue__f9LgM {
    font-size: 32px;
}
  }

.OfferPage__blocks__4HK6z {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.OfferPage__block__IiXe3 {
  width: 100%;
  margin-top: 64px;
}

@media (min-width: 768px) {

.OfferPage__halfWidth__5PaVp {
    width: calc(50% - 12px);
}
  }

.OfferPage__blockTitle__wLMgr {
    padding-right: var(--space-default);
    padding-left: var(--space-default);
  font-size: 18px;
  color: var(--shale);
}

@media (min-width: 768px) {

.OfferPage__blockTitle__wLMgr {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.OfferPage__blockTitle__wLMgr {
      padding-left: var(--space-medium);
}
    }

@media (min-width: 768px) {

.OfferPage__blockTitle__wLMgr {
    padding: 0;
}
  }

.OfferPage__blockContent__F0su0 {
  margin-top: 12px;
    padding-right: var(--space-default);
    padding-left: var(--space-default);
  background: var(--salt);
  font-size: 16px;
  line-height: 22px;
  color: var(--shale);
  border-left-width: 3px;
  border-left-style: solid;
  border-radius: 3px;
}

@media (min-width: 768px) {

.OfferPage__blockContent__F0su0 {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.OfferPage__blockContent__F0su0 {
      padding-left: var(--space-medium);
}
    }

.OfferPage__blockContent__F0su0.OfferPage__divided__QN4IL {
    padding-top: 16px;
    padding-bottom: 16px;
  }

.OfferPage__blockContent__F0su0.OfferPage__divided__QN4IL:not(:last-child) {
      margin-bottom: 16px;
    }

@media (min-width: 1024px) {

.OfferPage__blockContent__F0su0.OfferPage__divided__QN4IL {
      padding-left: 16px;
      padding-right: 16px;
  }
    }

.OfferPage__blockContent__F0su0.OfferPage__solid__FmFzC {
    padding-top: 24px;
    padding-bottom: 24px;
  }

.OfferPage__blockContent__F0su0.OfferPage__red__4AgxM {
    border-color: var(--danger);
  }

.OfferPage__blockContent__F0su0.OfferPage__green__6Pd1d {
    border-color: var(--success);
  }

.OfferPage__blockContent__F0su0.OfferPage__blue__4iSB8 {
    border-color: var(--action);
  }

.OfferPage__blockParagraph__fuNvf {
  display: flex;
  flex-direction: column;
}

.OfferPage__blockParagraph__fuNvf:not(:first-child) {
    margin-top: 16px;
  }

@media (min-width: 768px) {

.OfferPage__blockParagraph__fuNvf {
    flex-direction: row;
}
  }

.OfferPage__blockParagraphLabel__JH-J1 {
  font-size: 12px;
  text-transform: uppercase;
  color: var(--smoke);
}

@media (min-width: 768px) {

.OfferPage__blockParagraphLabel__JH-J1 {
    min-width: 48px;
    width: 48px;
    margin-right: 24px;
    word-break: break-word;
}
  }

.OfferPage__blockParagraphValue__j2Rjm {}

.OfferPage__solid__FmFzC {}

.OfferPage__footer__nOEq4 {
  display: flex;
  flex-direction: column;
  align-items: center;
    padding-right: var(--space-default);
    padding-left: var(--space-default);
  margin: 64px 0 0;
}

@media (min-width: 768px) {

.OfferPage__footer__nOEq4 {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.OfferPage__footer__nOEq4 {
      padding-left: var(--space-medium);
}
    }

@media (min-width: 768px) {

.OfferPage__footer__nOEq4 {
    padding: 0;
}
  }

.OfferPage__expandTermsButton__Cssfg {
  margin-top: 16px;
  font-size: 14px;
  color: var(--action);
  text-transform: none;
}

.OfferPage__terms__y7z-g {
  /* [IE] fix text wrapping */
  width: 100%;
  margin-top: 64px;
  font-size: 16px;
  line-height: 1.5;
  color: var(--smoke);
}

.OfferPage__termsSection__6qB4h:not(:first-child) {
    margin-top: 48px;
  }

.OfferPage__termsHeading__ZoGQZ {
  font-size: 18px;
  line-height: 1.5;
  color: var(--shale);
}

.OfferPage__termsText__2U9z6 {
  margin-top: 4px;
  font-size: 16px;
  line-height: 1.5;
  color: var(--smoke);
}

.OfferPage__red__4AgxM {}

.OfferPage__green__6Pd1d {}

.OfferPage__blue__4iSB8 {}

.LinkButton__linkWrapper__2SyKQ {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.Onboarding__textCenter__UAQjc {
  text-align: center;
}

.Onboarding__onboarding__pDvSu {
  position: relative;
  display: flex;
  flex-direction: row;
}

.Onboarding__onboarding__pDvSu.Onboarding__wider__AFo0w {}

.Onboarding__content__EHui\+ {
  max-width: 100%;
  flex-grow: 1;
}

.Onboarding__profileCompact__BdLYk {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: var(--onboarding-mobile-progressbar-height);
}

@media (min-width: 768px) {

.Onboarding__profileCompact__BdLYk {
    display: none;
}
  }

.Onboarding__main__Le6Fu {
  display: flex;
  width: 100%;
  flex-flow: column;
  align-items: center;
  max-width: 425px;
}

.Onboarding__main__Le6Fu h2 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 12px;
  }

@media (min-width: 768px) {

.Onboarding__main__Le6Fu {
    max-width: 500px;
}

    .Onboarding__main__Le6Fu > div,
    .Onboarding__main__Le6Fu > button,
    .Onboarding__main__Le6Fu > section {
      max-width: 425px;
    }
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.AmountStep__amountStep__7q7qA {}

.AmountStep__buttonWrapper__hA0y5 {
  margin-top: 100px;
}

.AmountStep__rewardBalance__uQOUt {
  font-size: 16px;
  margin-top: 8px;
  text-align: left;
  color: var(--smoke);
  font-family: var(--sans);
}

@media (min-width: 415px) {

.AmountStep__rewardBalance__uQOUt {
    margin-top: 32px;
    font-size: 20px;
    text-align: center;
}
  }

.AmountStep__redemptionAmountWrapper__7hDO\+ {
  margin: 20px 0 0;
  line-height: 24px;
  font-size: 52px;
  max-width: 250px;
  font-weight: var(--light);
  font-family: var(--sans);
}

@media (min-width: 415px) {

.AmountStep__redemptionAmountWrapper__7hDO\+ {
    margin: 24px auto 0;
    line-height: 20px;
}
  }

.CancelButton__cancelButton__ddukY {
  margin: 0 auto;
  text-align: center;
  padding: 18px 0;
}

.CancelButton__link__Zktti {
  display: inline-block;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.SuccessStep__successStep__iR8a0 {}

.SuccessStep__buttonWrapper__KMBLh {
  margin-top: 80px;
}

.SuccessStep__noteTitle__VM5dN,
.SuccessStep__noteText__I-lCI {
  text-align: center;
  font-family: var(--sans);
  line-height: 1.5;
}

.SuccessStep__noteTitle__VM5dN {
  margin-top: 32px;
  font-style: italic;
  font-size: 14px;
  color: var(--storm);
}

.SuccessStep__noteText__I-lCI {
  margin-top: 8px;
  font-size: 16px;
  color: var(--smoke);
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.ConfirmationStep__confirmationStep__bOj4a {}

.ConfirmationStep__buttonWrapper__qpO5V {
  margin-top: 50px;
}

.ConfirmationStep__confirmationTable__xmzg6 {
  max-width: 318px;
  margin: 60px auto 0;
}

.ConfirmationStep__confirmationSection__khGmB {
  position: relative;
  margin-top: 32px;
}

.ConfirmationStep__confirmationSectionButtonWrapper__20qoK {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -.7rem;
  margin-right: -1.4rem;
}

.ConfirmationStep__confirmationLabel__Ke1r8 {
  margin-top: 8px;
  font-size: 12px;
  font-family: var(--sans);
  font-weight: var(--medium);
  line-height: 1.67;
  color: var(--smoke);
}

.ConfirmationStep__confirmationValue__ymuUO {
  font-family: var(--sans);
  font-size: 20px;
  text-transform: capitalize;
}

.ConfirmationStep__errorBorder__EoxJg {
  margin-top: 32px;
  padding: 12px;
  border: 1px solid var(--danger);
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.25;
  color: var(--danger);
}

.ConfirmationStep__errorBorder__EoxJg + .ConfirmationStep__buttonWrapper__qpO5V {
    margin-top: 32px;
  }

.ConfirmationStep__errorFieldNameList__UQjLP {
  margin-top: 4px;
  list-style: disc inside;
  font-weight: var(--medium);
}

.ConfirmationStep__errorFieldNameItem__FhAMj {}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.AccountStep__accountStep__h6K6J {
  margin-top: 48px;
}

.AccountStep__buttonWrapper__cjF2E {
  margin-top: 40px;
}

.AccountStep__accountTypeWrapper__qlG-7 {
  margin-bottom: -20px;
}

.AccountStep__fieldWrapper__W1kCb {
  margin-top: 36px;
}

.AccountStep__hidden__CmYio {}

.AccountStep__tooltip__pLdeh {
  background: var(--satin);
  margin-top: 25px;
  margin-left: -32px;
  margin-right: -32px;
  padding: 24px 32px 32px;
  position: relative;
  transition: opacity var(--fastest);
}

.AccountStep__tooltip__pLdeh::before {
    content: '';
    border: 21px solid transparent;
    border-left-width: 15px;
    border-right-width: 15px;
    border-bottom-color: var(--satin);
    position: absolute;
    top: -42px;
    left: 27px;
    pointer-events: none;
  }

.AccountStep__tooltip__pLdeh.AccountStep__hidden__CmYio {
    opacity: 0;
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.ProgressBar__progressBar__GqXA1 {
  overflow: hidden;
  height: 100%;
  background-color: var(--salt);
}

.ProgressBar__filling__d1O8m {
  width: 100%;
  height: 100%;
  margin-left: -100%;
  background-color: var(--action);
  transition: transform var(--fast);
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.RedemptionPage__textCenter__u0KDH {
  text-align: center;
}

.RedemptionPage__page__l4K8n {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 1rem;
    padding-left: 1rem;
  min-height: calc(100vh - var(--nav-height-tiny));
}

@media (min-width: 375px) {

.RedemptionPage__page__l4K8n {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
}
    }

@media (min-width: 1440px) {

.RedemptionPage__page__l4K8n {
      padding-right: 2rem;
      padding-left: 2rem;
}
    }

@media (min-width: 768px) {

.RedemptionPage__page__l4K8n {
    min-height: calc(100vh - var(--nav-height-one-column));
}
  }

@media (min-width: 1024px) {

.RedemptionPage__page__l4K8n {
    min-height: 100vh;
}
  }

.RedemptionPage__background__UcYJG {
  background: var(--salt);
}

.RedemptionPage__content__gljzV {
  margin: 0 auto;
}

@media (min-width: 415px) {

.RedemptionPage__content__gljzV {
    max-width: 512px;
}
  }

@media (min-width: 1024px) {

.RedemptionPage__content__gljzV {
    margin-top: 64px;
}
  }

.RedemptionPage__subtitle__Elj1r {
  color: var(--smoke);
  margin-top: 48px;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
}

@media (min-width: 415px) {

.RedemptionPage__subtitle__Elj1r {
    font-weight: 400;
    margin-top: 32px;
    text-align: center;
    font-size: 20px;
}
  }

.RedemptionPage__progressBar__y-\+Is {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 5px;
}

@media (min-width: 768px) {

.RedemptionPage__progressBar__y-\+Is {
    display: none;
}
  }

.RedemptionPage__footer__0HSnm {
    padding-right: 1rem;
    padding-left: 1rem;
}

@media (min-width: 375px) {

.RedemptionPage__footer__0HSnm {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
}
    }

@media (min-width: 1440px) {

.RedemptionPage__footer__0HSnm {
      padding-right: 2rem;
      padding-left: 2rem;
}
    }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.Styleguide__textCenter__ofLxa {
  text-align: center;
}

:root {
  --wrapper-width: 20rem;
}

.Styleguide__balloonWrapper__qLYUb {
  position: absolute;
  z-index: 1;
}

.Styleguide__balloonWrapper__qLYUb:hover {
    z-index: 2;
  }

.Styleguide__balloonWrapper__qLYUb.Styleguide__leftArrow__hUhN6 {
    top: 50%;
    left: calc(100% + .7rem);
    width: var(--wrapper-width);
    margin-top: .48rem;
    transform: translateY(-50%);
  }

.Styleguide__balloonWrapper__qLYUb.Styleguide__downArrow__UccAu {
    right: -.52rem;
    bottom: 100%;
    left: -.52rem;
  }

.Styleguide__styleGuide__L5B\+M {
  padding-top: 2.1rem;
  background-color: var(--salt);
  font-family: var(--sans);
}

.Styleguide__styleGuide__L5B\+M h1,
.Styleguide__styleGuide__L5B\+M h2,
.Styleguide__styleGuide__L5B\+M h3 {
  font-family: var(--serif);
}

.Styleguide__styleGuide__L5B\+M h1 {
  font-size: 40px;
  margin-bottom: 20px;
}

.Styleguide__styleGuide__L5B\+M h2 {
  font-size: 32px;
  margin-bottom: 16px;
}

.Styleguide__styleGuide__L5B\+M h3 {
  font-size: 24px;
  font-weight: 100;
  line-height: 1.3;
  margin-bottom: 16px;
}

.Styleguide__styleGuide__L5B\+M h4 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 12px;
}

.Styleguide__styleGuide__L5B\+M h5 {
  font-size: 16px;
  margin-bottom: 8px;
}

.Styleguide__sgNav__a2E6R,
.Styleguide__sgSecondaryNav__JztC2 {
  position: fixed;
  z-index: 2;
  top: 0;
  width: 100%;
}

.Styleguide__navList__3hJAN {
  display: flex;
}

.Styleguide__logoWrapper__TREPK {
  padding-top: .48rem;
  padding-left: .48rem;
  transform: scale(.8);
}

.Styleguide__sgSecondaryNav__JztC2 {
  top: 2rem;
  left: 0;
  display: flex;
}

.Styleguide__dawn__EPOtK .Styleguide__navButton__fQiqK {
  color: var(--shade);
}

.Styleguide__navButton__fQiqK {
  border-radius: 0;
  transform: none;
  transition: none;
}

.Styleguide__navButton__fQiqK:active {
    transform: none;
  }

.Styleguide__secondaryNavButton__RH4Q9 {
  color: var(--shade);
  transition: none;
}

.Styleguide__withDropdown__KhLTE > .Styleguide__visible__vkns4 {
    display: flex;
    z-index: 10;
  }

.Styleguide__dropdownNav__ZVrX\+ {
  position: absolute;
}

.Styleguide__dropdownNav__ZVrX\+ button {
    color: black;
  }

.Styleguide__sgMainHeading__6ZvY0 {
  position: relative;
  top: 2.1rem;
  margin-left: 1.4rem;
  font-family: Helvetica Neue, sans;
  font-size: 2.1rem;
  font-weight: 600;
}

.Styleguide__sgHeading__N2okX {
  margin-right: 2.8rem;
  margin-bottom: .7rem;
  margin-left: 2.8rem;
  padding-top: 4.1rem;
  font-family: Helvetica Neue, sans;
  font-size: 4.3rem;
  font-weight: 200;
  letter-spacing: -1px;
}

.Styleguide__sgSection__P1-g7 {
  margin-top: .21rem;
  margin-right: 2.8rem;
  margin-left: 2.8rem;
  padding-top: 2.8rem;
  padding-bottom: 1.4rem;
  border-top: .04rem solid var(--silver);
}

.Styleguide__sgSection__P1-g7.Styleguide__fullWidth__8H7lk {
    margin-right: 0;
    margin-left: 0;
  }

.Styleguide__sgWorkspace__mNdD7 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px;
}

/* Colors *************************************/

.Styleguide__colorsHeading__CPnmy {
  margin-bottom: .7rem;
  font-size: 1rem;
  letter-spacing: -.5px;
}

.Styleguide__colorSwatch__clEjY {
  display: inline-block;
  margin-right: 3.4rem;
}

.Styleguide__colorSwatch__clEjY > figure {
    display: inline-block;
    width: 8.3rem;
    height: 8.3rem;
    border-radius: 100%;
    color: white;
    font-family: var(--sans);
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    transition: transform var(--fast) var(--ease-out);
    text-shadow: 1px solid var(--slate);
  }

.Styleguide__colorSwatch__clEjY > figure::before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
    }

.Styleguide__colorSwatch__clEjY > figure:hover {
      transform: scale(1.05);
    }

.Styleguide__colorSwatch__clEjY > figcaption {
    display: block;
    margin-top: .8rem;
    margin-bottom: 3.8rem;
    padding-top: .8rem;
    text-align: center;
  }

.Styleguide__copiedLabel__XhXpR {
  display: inline-block;
  vertical-align: middle;
  width: 5.5rem;
}

.Styleguide__hex__8EbkU {
  margin-top: .34rem;
  border: none;
  font-size: .625rem;
  text-align: center;
  text-transform: uppercase;
  outline: none;
}

.Styleguide__hex__8EbkU::-moz-selection {
    background-color: transparent; /* WebKit/Blink Browsers */
  }

.Styleguide__hex__8EbkU::selection {
    background-color: transparent; /* WebKit/Blink Browsers */
  }

.Styleguide__hex__8EbkU::-moz-selection {
    background-color: transparent; /* Gecko Browsers */
  }

/* Fonts *************************************/

.Styleguide__typeface__ui8fG {
  margin-top: 3.8rem;
  font-size: 2.1rem;
}

/* Text Styles *******************************/

.Styleguide__typeStyles__iP82t > div {
    max-width: 27.5rem;
    margin-bottom: 3.8rem;
  }

/* Buttons **********************************/

.Styleguide__buttonRow__045Wa {
  padding-top: 2.8rem;
  padding-right: 2.8rem;
  padding-bottom: 5.5rem;
  padding-left: 2.8rem;
}

.Styleguide__buttonRow__045Wa > button {
    margin-left: 0;
  }

/* Inputs **********************************/

.Styleguide__sgForm__ABpM6 {
  max-width: 13.8rem;
}

.Styleguide__sgForm__ABpM6 > ul > li {
    margin-bottom: 3.4rem;
  }

/* Layouts **********************************/

.Styleguide__sgLayouts__HU\+ev {
  display: flex;
}

.Styleguide__sgLayout__72CE7 {
  flex-grow: 1;
  margin-right: 1.4rem;
}

/* Charts **********************************/

.Styleguide__sgCharts__xvA1N > ul {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: stretch;
  }

.Styleguide__sgCharts__xvA1N > ul > li {
      flex-basis: 40%;
      margin-bottom: 5.5rem;
      padding: 3.4rem;
    }

.Styleguide__sgBalloons__cfkyh li {
    position: relative;
    height: 200px;
  }

.Styleguide__sgBalloons__cfkyh .Styleguide__balloonWrapper__qLYUb {
    width: var(--wrapper-width);
  }

/* Icons *************************************/

.Styleguide__sgIcons__rZpQp > ul {
    display: flex;
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: stretch;
  }

.Styleguide__sgIcons__rZpQp > ul > li {
      flex-basis: 25%;
      padding: 2.1rem;
    }

/* Modules **********************************/

.Styleguide__sgModules__r-MOj > ul > li {
    margin-bottom: 5.5rem;
  }

.Styleguide__sgExample__Eiu4s {
  margin-top: 16px;
}

.Styleguide__sgExample__Eiu4s:first-child {
    margin-top: 0;
  }

/* Organisms **********************************/

.Styleguide__sgOrganisms__118IE {

}

/* Data */

.Styleguide__oxford__mHIYw {
  background: var(--oxford);
}

.Styleguide__coral__oU128 {
  background: var(--coral);
}

.Styleguide__merlot__bXclH {
  background: var(--merlot);
}

.Styleguide__lightOxford__cwz8j {
  background: var(--light-oxford);
}

.Styleguide__lightCoral__g3Eln {
  background: var(--light-coral);
}

.Styleguide__lightMerlot__JYWm7 {
  background: var(--light-merlot);
}

/* Foundation */

.Styleguide__shadow__sF5BP {
  background: var(--shadow);
}

.Styleguide__shade__BMUch {
  background: var(--shade);
}

.Styleguide__shale__Wngp\+ {
  background: var(--shale);
}

.Styleguide__slate__Qnf-o {
  background: var(--slate);
}

.Styleguide__stone__vFUuO {
  background: var(--stone);
}

.Styleguide__smoke__3g5f9 {
  background: var(--smoke);
}

.Styleguide__storm__WNuT- {
  background: var(--storm);
}

.Styleguide__silver__ZsVf9 {
  background: var(--silver);
}

.Styleguide__satin__VjFkf {
  background: var(--satin);
}

.Styleguide__snow__D18lb {
  background: var(--snow);
}

.Styleguide__salt__K5R7i {
  border: 1px solid var(--satin);
  background: var(--salt);
}

/* Functions */

.Styleguide__danger__WZ2sW {
  background: var(--danger);
}

.Styleguide__warning__hubBs {
  background: var(--warning);
}

.Styleguide__success__8W\+Rq {
  background: var(--success);
}

.Styleguide__action__bP7R4 {
  background: var(--action);
}

.Styleguide__lightDanger__w6-QQ {
  background: var(--light-danger);
}

.Styleguide__lightWarning__D88Cc {
  background: var(--light-warning);
}

.Styleguide__lightSuccess__e\+FFX {
  background: var(--light-success);
}

.Styleguide__lightAction__npfjM {
  background: var(--light-action);
}

/* Backgrounds */

.Styleguide__noon__WCPCh {
  background: var(--noon);
}

.Styleguide__dawn__EPOtK {
  background: var(--dawn);
}

.Styleguide__dusk__Q5QGI {
  background: var(--dusk);
}

.Styleguide__midnight__HeTaX {
  background: var(--midnight);
}

/* Feed **********************************/

@media (min-width: 768px) {

.Styleguide__sgFeed__MsJlT {
    margin: 0 auto;
    max-width: 588px;
}
  }

.Styleguide__sgFeed__MsJlT .Styleguide__post__F66-d {
    margin-bottom: 32px;
  }

/* Avatar **********************************/

.Styleguide__avatarSmall__Fh293 {
  width: 42px;
  height: 42px;
  margin-bottom: 10px;
}

.Styleguide__avatarMedium__40194 {
  width: 75px;
  height: 75px;
  margin-bottom: 10px;
}

.Styleguide__avatarBig__nUHm2 {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}

/* Workspace **********************************/

.Styleguide__contentTemplate__uSpSL {
  padding: 16px;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.OnboardingSummary__textCenter__y20K5 {
  text-align: center;
}

.OnboardingSummary__section__vjB8M {
  width: 100%;
}

.OnboardingSummary__profileCompact__pBb1a {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: var(--onboarding-mobile-progressbar-height);
}

@media (min-width: 768px) {

.OnboardingSummary__profileCompact__pBb1a {
    display: none;
}
  }

.OnboardingSummary__header__8eIJo {
  width: 100%;
  max-width: 25rem;
  margin-top: 8px;
}

.OnboardingSummary__compareHeader__IefZ- {
  display: flex;
  justify-content: space-around;
  margin-top: 2rem;
}

.OnboardingSummary__you__G8UJl,
.OnboardingSummary__peers__h2LNi {
  display: inline-flex;
  width: 7rem;
  height: 7rem;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--salt);
  font-size: 1rem;
  line-height: 1.25rem;
}

.OnboardingSummary__you__G8UJl .OnboardingSummary__peersSubtitle__xIX1F, .OnboardingSummary__peers__h2LNi .OnboardingSummary__peersSubtitle__xIX1F {
    font-size: .875rem;
  }

@media (min-width: 768px) {

.OnboardingSummary__you__G8UJl,
.OnboardingSummary__peers__h2LNi {
    width: 7rem;
    height: 7rem;
}
  }

.OnboardingSummary__you__G8UJl {
  background: var(--oxford);
}

.OnboardingSummary__peers__h2LNi {
  margin-left: 2rem;
  background: var(--coral);
}

@media (min-width: 375px) {

.OnboardingSummary__peers__h2LNi {
    margin-left: 2.75rem;
}
  }

@media (min-width: 768px) {

.OnboardingSummary__peers__h2LNi {
    margin-left: 3.25rem;
}
  }

.OnboardingSummary__compare__0bU7f {
  display: flex;
  width: 100%;
  justify-content: space-around;
  margin-top: 32px;
  margin-bottom: 16px
}

.OnboardingSummary__divider__urJJL {
  margin: 0 .75rem;
  border-left: 1px solid var(--silver);
}

@media (min-width: 768px) {

.OnboardingSummary__divider__urJJL {
    margin: 0 2rem;
}
  }

@media (min-width: 1024px) {

.OnboardingSummary__divider__urJJL {
    margin: 0 2.5rem;
}
  }

.OnboardingSummary__compareColumn__S24dN {
  flex-basis: 50%;
  flex-grow: 0;
  flex-shrink: 1;
  padding-top: .5rem;
}

.OnboardingSummary__compareLeft__2JeWB {
  text-align: right;
}

.OnboardingSummary__compareRight__CvIOc {
  text-align: left;
}

.OnboardingSummary__blocks__EiMOg {
  content: '';
}

.OnboardingSummary__block__stfd1 {
  margin-bottom: .75rem;
}

.OnboardingSummary__block__stfd1:last-of-type {
    margin-bottom: 0;
  }

.OnboardingSummary__blockTitle__gUAh1 {
  margin-bottom: 8px;
  color: var(--action);
  font-size: .75rem;
}

@media (min-width: 375px) {

.OnboardingSummary__blockTitle__gUAh1 {
    font-size: .8125rem;
}
  }

.OnboardingSummary__blockBody__cX4LF {
  height: 32px;
  color: var(--slate);
  font-size: 1.125rem;
  letter-spacing: -.2px;
}

@media (min-width: 375px) {

.OnboardingSummary__blockBody__cX4LF {
    font-size: 1.25rem;
}
  }

@media (min-width: 768px) {

.OnboardingSummary__blockBody__cX4LF {
    font-size: 20px;
}
  }

.OnboardingSummary__toDashboard__vhbtY {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
  color: var(--salt);
  font-size: .75rem;
  letter-spacing: .2px;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {

.OnboardingSummary__toDashboard__vhbtY {
    width: 24rem;
}
  }

.OnboardingSummary__toSettings__u0R8o {
  content: '';
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.ExpandButton__textCenter__C5z3M {
  text-align: center;
}

.ExpandButton__expandButton__QAH-x {
  position: absolute;
  top: 8px;
  right: 16px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-left: auto;
  padding: 0;
  border-radius: 100%;
}

@media (min-width: 768px) {

.ExpandButton__expandButton__QAH-x {
    position: relative;
    width: 1.8rem;
    height: 1.8rem;
    top: 0;
    right: 0;
}
  }

@media (min-width: 1280px) {

.ExpandButton__expandButton__QAH-x {
    width: var(--space-large);
    height: var(--space-large);
}
  }

.ExpandButton__expandButton__QAH-x::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    top: -14px;
    right: -14px;
    bottom: -14px;
    left: -14px;
  }

.ExpandButton__iconWrapper__XX66H {
  transition: transform var(--fast) var(--ease-out);
  width: 100%;
  height: 100%;
  transform: rotate(0);
}

.ExpandButton__expanded__jbnXU {
  transform: rotate(90deg);
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PostShareButton__postShareButton__FpFVU{position:relative}.PostShareButton__tooltipContainer__U3ov5{display:inline-block;position:absolute;left:50%;bottom:calc(100% + 8px);z-index:11;visibility:hidden;-webkit-transform:translateY(0) translateX(-50%);-moz-transform:translateY(0) translateX(-50%);-o-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity 250ms , -webkit-transform 250ms;-moz-transition:opacity 250ms , -moz-transform 250ms;-o-transition:opacity 250ms , -o-transform 250ms;-ms-transition:opacity 250ms , -ms-transform 250ms;transition:opacity 250ms , transform 250ms}.PostShareButton__tooltipContainer__U3ov5.PostShareButton__openedUp__3FG-B{visibility:visible;-webkit-transform:translateY(-5px) translateX(-50%);-moz-transform:translateY(-5px) translateX(-50%);-o-transform:translateY(-5px) translateX(-50%);-ms-transform:translateY(-5px) translateX(-50%);transform:translateY(-5px) translateX(-50%);opacity:1;-ms-filter:none;filter:none}.PostShareButton__tooltipContainer__U3ov5.PostShareButton__openedDown__Gmvsk{visibility:visible;-webkit-transform:translateY(5px) translateX(-50%);-moz-transform:translateY(5px) translateX(-50%);-o-transform:translateY(5px) translateX(-50%);-ms-transform:translateY(5px) translateX(-50%);transform:translateY(5px) translateX(-50%);opacity:1;-ms-filter:none;filter:none;bottom:auto;top:calc(100% + 8px)}.PostShareButton__emailLink__F91jm{position:absolute;left:-1000px;top:-1000px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ShareButtonTooltip__optionsWrapper__y9nKy{position:relative;margin:0 -12px}.ShareButtonTooltip__option__bgZMb{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:32px;width:140px;padding:4px 0}.ShareButtonTooltip__option__bgZMb:hover{background-color:#edeff1}.ShareButtonTooltip__copy__qgq3D,.ShareButtonTooltip__facebook__nIBQJ,.ShareButtonTooltip__twitter__GXksX,.ShareButtonTooltip__email__Iu0ZU{content:''}.ShareButtonTooltip__iconWrapper__VjOq-{position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:16px;color:#4d556c}.ShareButtonTooltip__text__8qkoL{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;color:#3172f5;margin-left:52px;text-transform:initial}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --bar-label-margin-h: var(--space-default);
}

.HorizontalBarChart__horizontalBarChart__wuZRY {
  width: 100%;
  color: var(--light-text-color);
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 600;
}

.HorizontalBarChart__legendWrapper__Mjdz0 {
  margin-top: var(--space-medium);
  position: relative;
  top: calc(var(--space-medium) * -1);
}

@media (min-width: 1024px) {

.HorizontalBarChart__legendWrapper__Mjdz0 {
    display: none;
}
  }

.HorizontalBarChart__textLeft__zPYrW .HorizontalBarChart__bar__E0PN- {
  justify-content: flex-start;
}

.HorizontalBarChart__textLeft__zPYrW .HorizontalBarChart__bar__E0PN- > span {
    margin-left: .7rem;
  }

.HorizontalBarChart__bar__E0PN- {
  position: relative;
  display: flex;
  height: 2.8rem;
  align-items: center;
  justify-content: flex-end;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  transition: width var(--fast) var(--ease-out);
  will-change: width;
  white-space: nowrap;
}

.HorizontalBarChart__member__Zncge {
  background: var(--oxford);
}

.HorizontalBarChart__peers__KdHBA {
  background: var(--coral);
}

.HorizontalBarChart__others__gFXZE {
  background: var(--merlot);
}

.HorizontalBarChart__others__gFXZE::before {
    border-top: .28rem solid var(--merlot);
  }

.HorizontalBarChart__barLabel__B5BEn {
  position: relative;
  margin-right: var(--bar-label-margin-h);
}

.HorizontalBarChart__outerLabel__UYmAs {
  position: absolute;
  top: 50%;
  left: calc(100% + var(--bar-label-margin-h));
  display: inline-block;
  margin-right: 0;
  transform: translateY(-50%);
  background: none;
  color: var(--oxford);
}

.HorizontalBarChart__peers__KdHBA .HorizontalBarChart__outerLabel__UYmAs {
    color: var(--coral);
  }

.HorizontalBarChart__others__gFXZE .HorizontalBarChart__outerLabel__UYmAs {
    color: var(--merlot);
  }

.HorizontalBarChart__zeroValue__rtNfk {
  left: .34rem;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Highlights__highlights__GGgAY{overflow:hidden;margin:-24px 0 0;font-size:16px;padding-bottom:4px}@media screen and (min-width: 375px){.Highlights__highlights__GGgAY{margin:-24px -16px 0}}@media screen and (min-width: 768px){.Highlights__highlights__GGgAY{margin:-24px -24px 0}}@media screen and (min-width: 1440px){.Highlights__highlights__GGgAY{margin:-24px -32px 0}}.Highlights__isAnimating__m72Hq{pointer-events:none}.Highlights__carouselWrapper__Kmw40{padding-top:24px}.Highlights__carousel__zn6O6{overflow-x:visible !important;width:100%;margin-left:0}@media screen and (min-width: 375px){.Highlights__carousel__zn6O6{margin-left:16px}}@media screen and (min-width: 768px){.Highlights__carousel__zn6O6{margin-left:24px;width:calc(100% - 24px)}}@media screen and (min-width: 1440px){.Highlights__carousel__zn6O6{margin-left:32px;width:calc(100% - 32px)}}.Highlights__page__ydv4z{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;height:100%;width:100%}.Highlights__insightWrapper__UG1g7{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0;min-width:0;height:100%;padding-right:16px}.Highlights__insightWrapper__UG1g7.Highlights__onlyChild__pfq3l{padding-right:0}.Highlights__insightWrapper__UG1g7.Highlights__lastInPage__nCUJU{padding-right:0}@media screen and (min-width: 375px){.Highlights__insightWrapper__UG1g7,.Highlights__insightWrapper__UG1g7.Highlights__onlyChild__pfq3l{padding-right:24px}}@media screen and (min-width: 1440px){.Highlights__insightWrapper__UG1g7,.Highlights__insightWrapper__UG1g7.Highlights__onlyChild__pfq3l{padding-right:32px}}.Highlights__emptyPlaceholder__Et14S{-webkit-transition:margin 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:margin 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:margin 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:margin 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:margin 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94);margin-top:0}.Highlights__collapsed__54wFs{margin-top:-58px}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.ModuleWrapper2020__moduleWrapper__qx-wd {}

.ModuleWrapper2020__insights__KAnHf {
  border-radius: inherit;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid var(--silver);
}

.ModuleWrapper2020__flexLayout__cVX7G {
  display: flex;
  flex-flow: column nowrap;
}

@media (min-width: 768px) {

.ModuleWrapper2020__flexLayout__cVX7G {
    flex-grow: 1;
}
  }

.ModuleWrapper2020__noPadding__HBdKR {
  padding: 0;
}

.ModuleWrapper2020__withPaddingBottom__uDDNc {
  padding-bottom: var(--module-wrapper-margin);
}

.ModuleWrapper2020__header__oaCly {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 var(--space-default) .75rem;
}

@media (min-width: 768px) {

.ModuleWrapper2020__header__oaCly {
    margin-right: 0;
    margin-left: 0;
}
  }

.ModuleWrapper2020__blockName__v91Kb {
  flex-shrink: 0;
  position: relative;
}

.ModuleWrapper2020__title__84bKk {
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.5;
}

.ModuleWrapper2020__subtitle__0pceR {
  margin-left: .34rem;
}

.ModuleWrapper2020__rightArrow__U6B1e {
  position: relative;
  display: inline-block;
  margin-left: .17rem;
  margin-bottom: 1px;
  border: 4px solid transparent;
  border-left-color: var(--heading-text-color);
  transition: transform var(--fast) var(--ease-out-quint);
}

@media (min-width: 768px) {

.ModuleWrapper2020__rightArrow__U6B1e {
    margin-bottom: 0;
}
  }

.ModuleWrapper2020__title__84bKk:hover .ModuleWrapper2020__rightArrow__U6B1e {
    transform: translateX(3px);
  }

.ModuleWrapper2020__headerInner__4-OIf {
  display: inline-block;
  vertical-align: middle;
}

.ModuleWrapper2020__tooltipIconWrapper__Z58aJ {
  z-index: 2;
  top: -.55rem;
}

.ModuleWrapper2020__tooltipIconWrapper__Z58aJ.ModuleWrapper2020__withChevron__4-toB {
    margin-left: .41rem;
  }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Insights2020__insights__KEIxf{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;overflow:hidden;position:relative;-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;-o-transition:all 250ms ease;-ms-transition:all 250ms ease;transition:all 250ms ease}.Insights2020__insightsItem__nH-bf{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-shrink:0;flex-shrink:0;position:relative;width:100%}.Insights2020__insightsItemDismissed__NAVmP{overflow:hidden}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Insight2020__none__6w5Ph{--color-bg:#fff;--color-border:#fff}.Insight2020__green__C9Kp4{--color-bg:#d6ebd0;--color-border:#57bd39}.Insight2020__blue__65qXK{--color-bg:#eef0f9;--color-border:#404fa2}.Insight2020__orange__-ePsG{--color-bg:#fef7eb;--color-border:#f2a422}.Insight2020__red__XcxFh{--color-bg:#fdf3f3;--color-border:#e34242}.Insight2020__insight__eTAHt{position:relative;padding:16px 16px;padding-left:20px;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;background:var(--color-bg);border-left:4px solid var(--color-border)}.Insight2020__notTouchable__-hUIw{pointer-events:none}.Insight2020__sponsoredLabel__6ke3c{position:absolute;top:-20px;right:16px;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;color:#afbac6}@media screen and (min-width: 375px){.Insight2020__sponsoredLabel__6ke3c{right:0}}@media screen and (min-width: 768px){.Insight2020__sponsoredLabel__6ke3c{width:auto}}.Insight2020__body__povnA{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-weight:normal;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.Insight2020__header__sR0tY{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;margin-bottom:8px}.Insight2020__header__sR0tY:empty{display:none}.Insight2020__leftBadgeWrapper__uR9FX:empty,.Insight2020__rightBadgeWrapper__MSc1x:empty{display:none}.Insight2020__leftBadgeWrapper__uR9FX{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.Insight2020__rightBadgeWrapper__MSc1x{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:-8px}.Insight2020__category__0AwAE{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;line-height:1.15;color:#8c95a5;text-transform:uppercase;margin-bottom:12px}.Insight2020__scrollableWrapper__mXjV3{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:4px}.Insight2020__content__fMnnD{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.Insight2020__title__VgOWV{font-family:"serif", "Georgia", serif;font-weight:500;font-size:16px;line-height:1.2;position:relative;margin-bottom:4px;color:var(--heading-text-color)}.Insight2020__text__Lt4x3{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;line-height:1.375;opacity:1;-ms-filter:none;filter:none;color:var(--body-text-color);-webkit-transition:opacity 150ms;-moz-transition:opacity 150ms;-o-transition:opacity 150ms;-ms-transition:opacity 150ms;transition:opacity 150ms}.Insight2020__text__Lt4x3 b,.Insight2020__text__Lt4x3 strong{font-weight:600}.Insight2020__text__Lt4x3 i,.Insight2020__text__Lt4x3 em{font-style:italic}.Insight2020__text__Lt4x3 u{text-decoration:underline}.Insight2020__text__Lt4x3 s,.Insight2020__text__Lt4x3 strike{text-decoration:line-through}.Insight2020__text__Lt4x3 ul{list-style:disc inside}.Insight2020__text__Lt4x3 ol{list-style:decimal inside}.Insight2020__footer__Cckru{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FileDropZone__container__MB2PA{position:relative}.FileDropZone__fader__VPFXY{display:none;background-color:rgba(255,255,255,0.95);border:5px dashed #57bd39;position:absolute;top:0;width:100%;height:100%;pointer-events:none;z-index:9999;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:16px;color:#1c2234;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.FileDropZone__dragover__G8C-G .FileDropZone__fader__VPFXY{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.FileDropZone__faderContent__7Lwec{pointer-events:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.RewardPage__rewardPage__bDdHd{content:''}.RewardPage__moduleWrapper__ZeL5V{margin-bottom:64px}.RewardPage__fullHeight__s6-Qm{height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.RewardPage__summaryWrapper__Z-s0M{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%}.RewardPage__link__QiOSF{top:-2px;position:relative}.RewardPage__link__QiOSF span{color:#82aaf9}.RewardPage__grid__r7dKa{grid-template-columns:1fr 1fr;gap:0 32px;grid-template-areas:'howItWorks howItWorks' 'summary waysToEarn' 'lifetime lifetime' 'content content'}@media screen and (min-width: 768px){.RewardPage__grid__r7dKa{display:grid}}.RewardPage__howItWorks__Zh74k{grid-area:howItWorks}.RewardPage__summary__gKraz{grid-area:summary}.RewardPage__waysToEarn__FYr44{grid-area:waysToEarn}.RewardPage__lifetime__lck8b{grid-area:lifetime}.RewardPage__content__gcxq0{grid-area:content}.RewardPage__anchorPlaceholder__gvgcV{border-bottom:1px solid transparent;margin-bottom:-1px}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.RewardDetailsRow__name__nHvus {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: var(--shale);
}

.RewardDetailsRow__description__Gtj1Z {
  font-size: 12px;
}

.RewardDetailsRow__amount__TJhZP {
  font-weight: 500;
}

.RewardDetailsRow__statusCopy__wvFjI {
  font-size: 12px;
  color: var(--oxford);
  text-transform: capitalize;
}

@media (min-width: 768px) {

.RewardDetailsRow__statusCopy__wvFjI {
    font-size: 16px;
}
  }

.RewardDetailsRow__earned__pkBCt .RewardDetailsRow__statusCopy__wvFjI {
    color: var(--success);
  }

.RewardDetailsRow__dismissButtonWrapper__kEJGh {
  display: flex;
  justify-content: flex-end;
}

.RewardDetailsRow__regular__SwB52 {}

.RewardDetailsRow__buy__0IDWg {
  color: var(--success-500)
}

.RewardDetailsRow__sell__hC1L6 {
  color: var(--danger-500)
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.Progress__pending__44kMI {}

.Progress__confirmed__rMm1X {}

.Progress__earned__24TFH {}

.Progress__expired__d2Vr1 {}

.Progress__progress__kUg9- {
  display: flex;
  width: 46px;
  justify-content: center;
  cursor: help;
  position: relative;
}

.Progress__progress__kUg9-::after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  width: 100%;
  box-sizing: border-box;
  transform: translateY(-50%);
  height: 1px;
  background-color: var(--silver);
  z-index: 0;
}

.Progress__progressInner__su\+ir {
  display: flex;
  z-index: 1;
}

.Progress__expired__d2Vr1 .Progress__progressInner__su\+ir {
    width: 25px;
    height: 1px;
  }

.Progress__circle__AHiGI {
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.Progress__circle__AHiGI:not(:first-child) {
    margin-left: 8px;
    position: relative;
  }

.Progress__circle__AHiGI:not(:first-child)::before {
      content: '';
      display: block;
      position: absolute;
      left: -9px;
      top: 5px;
      width: 8px;
      height: 1px;
    }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.RewardStatusInColor__pending__kBiXv{color:#404fa2}.RewardStatusInColor__pending__kBiXv.RewardStatusInColor__background__vtMaG{background-color:#404fa2}.RewardStatusInColor__confirmed__JiSXj{color:#404fa2}.RewardStatusInColor__confirmed__JiSXj.RewardStatusInColor__background__vtMaG{background-color:#404fa2}.RewardStatusInColor__earned__fwPDH{color:#4fab34}.RewardStatusInColor__earned__fwPDH.RewardStatusInColor__background__vtMaG{background-color:#4fab34}.RewardStatusInColor__expired__ngs9V{color:#6a7185}.RewardStatusInColor__expired__ngs9V.RewardStatusInColor__background__vtMaG{background-color:#6a7185}.RewardStatusInColor__cryptoPending__PamIx{color:#404fa2}.RewardStatusInColor__cryptoPending__PamIx.RewardStatusInColor__background__vtMaG{background-color:#404fa2}.RewardStatusInColor__cryptoConfirmed__DFK7i{color:#00a3e0}.RewardStatusInColor__cryptoConfirmed__DFK7i.RewardStatusInColor__background__vtMaG{background-color:#00a3e0}.RewardStatusInColor__cryptoCancelled__7gay\+{color:#6a7185}.RewardStatusInColor__cryptoCancelled__7gay\+.RewardStatusInColor__background__vtMaG{background-color:#6a7185}.RewardStatusInColor__asEmptyCircle__TI2we{border:1px solid #ced5df;background-color:#fff}.RewardStatusInColor__asEmptyCircle__TI2we.RewardStatusInColor__background__vtMaG{background-color:#fff}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.StatusCopy__pending__u\+7Ro {}

.StatusCopy__confirmed__ycHXs {}

.StatusCopy__earned__8OlXN {}

.StatusCopy__expired__3nkOa {}

.StatusCopy__statusCopy__vSxFB {
  font-size: 11px;
  color: var(--oxford);
  text-transform: capitalize;
  cursor: help;
}

@media (min-width: 768px) {

.StatusCopy__statusCopy__vSxFB {
    font-size: 16px;
}
  }

.StatusCopy__statusCopy__vSxFB.StatusCopy__earned__8OlXN {
    color: var(--success);
  }

.StatusCopy__statusCopy__vSxFB.StatusCopy__expired__3nkOa {
    color: var(--smoke);
  }

.DismissButton__loadingWrapper__xOizV {
  position: relative;
  width: 24px;
  height: 12px;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.RewardDetailsRowMobile__pending__cyhyg {}

.RewardDetailsRowMobile__confirmed__5dQhk {}

.RewardDetailsRowMobile__earned__v6cLD {}

.RewardDetailsRowMobile__expired__vAyNt {}

.RewardDetailsRowMobile__description__avaHU {
  font-size: 12px;
}

.RewardDetailsRowMobile__rowFooter__ZTFHV {
  margin-top: 12px;
  align-items: flex-end;
}

.RewardDetailsRowMobile__statusWrapper__xQERK {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  cursor: help;
}

.RewardDetailsRowMobile__progressWrapper__oaLqd {
  width: 100%;
}

.RewardDetailsRowMobile__statusCopyWrapper__0T0Tp {
  margin-top: 4px;
}

.RewardDetailsRowMobile__date__QE7rr {
  display: inline-block;
  margin-left: 4px;
  color: var(--storm);
  font-size: 11px;
}

.RewardDetailsRowMobile__amount__Z1f5D {
  font-size: 20px;
  line-height: 1;
}

.RewardDetailsRowMobile__regular__8tj-a {}

.RewardDetailsRowMobile__buy__E0iJa {
  color: var(--success-500)
}

.RewardDetailsRowMobile__sell__Rm\+\+d {
  color: var(--danger-500)
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.RewardDetailsTabsMobile__toggle__nLuD2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  font-size: 14px;
  background-color: var(--satin);
  color: var(--action);
  cursor: pointer;
  border: 1px solid var(--silver);
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.RewardDetailsTabsMobile__arrow__NyrAj {
  margin-top: 6px;
  margin-left: 6px;
  border: 5px solid transparent;
  border-top-color: var(--action);
}

.RewardDetailsTabsMobile__option__RLAeM {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  color: var(--action);
  text-transform: capitalize;
  cursor: pointer;
}

.RewardDetailsTabsMobile__option__RLAeM.RewardDetailsTabsMobile__active__KkzPq {
    color: var(--shade);
  }

.RewardDetailsTabsMobile__popupTitleWrapper__ecmh\+ {
  margin-bottom: 48px;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.RewardDetailsTabsDesktop__textCenter__FUnL\+ {
  text-align: center;
}

.RewardDetailsTabsDesktop__tabs__heHlV {
  display: flex;
}

.RewardDetailsTabsDesktop__tab__SWlSK {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: -4px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: var(--space-default);
    padding-left: var(--space-default);
    border: 1px solid transparent;
    color: var(--action);
    text-transform: capitalize;
    cursor: pointer;
    font-family: var(--sans);
    font-weight: var(--bold);
    font-size: 14px;
    transition: all var(--fastest) var(--ease-in);
}

@media (min-width: 768px) {

.RewardDetailsTabsDesktop__tab__SWlSK {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.RewardDetailsTabsDesktop__tab__SWlSK {
      padding-left: var(--space-medium);
}
    }

.RewardDetailsTabsDesktop__tab__SWlSK:not(:first-child) {
      margin-left: -4px;
    }

.RewardDetailsTabsDesktop__tab__SWlSK:hover {
      color: var(--shale);
      border: 1px solid var(--silver);
      border-radius: 5px 5px 0 0;
      background: var(--satin);
      border-bottom: 1px solid var(--satin);
    }

.RewardDetailsTabsDesktop__tab__SWlSK.RewardDetailsTabsDesktop__active__69yd1 {
    position: relative;
    color: var(--shale);
    border: 1px solid var(--silver);
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    background: var(--satin);
    cursor: default;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  }

.RewardDetailsTabsDesktop__tab__SWlSK.RewardDetailsTabsDesktop__active__69yd1::before {
      position: absolute;
      z-index: 1;
      display: block;
      content: '';
      bottom: 0;
      width: 100%;
      height: 6px;
      background-color: var(--satin);
    }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --step-margin-v: 24px;
}

@media (min-width: 768px) {

.ModalStatusDescription__content__a9AfO {
    min-height: 200px;
    padding-left: 42px;
    box-sizing: border-box;
}
  }

.ModalStatusDescription__step__cY9a7 {
  position: relative;
  display: flex;
  flex-direction: column;
}

.ModalStatusDescription__step__cY9a7:not(:first-child) {
    margin-top: var(--step-margin-v);
  }

.ModalStatusDescription__stepName__4241U {
  font-size: 12px;
  line-height: 1.58;
  font-weight: 500;
  text-transform: uppercase;
}

.ModalStatusDescription__stepDescription__mnYmk {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.58;
  color: var(--shale);
}

.ModalStatusDescription__statusIcon__FqED\+ {
  display: block;
  content: '';
  position: absolute;
  left: -30px;
  top: 3px;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  z-index: 1;
}

.ModalStatusDescription__line__JGy07 {
  display: block;
  content: '';
  height: calc(100% + 24px);
  width: 1px;
  background-color: var(--silver);
  position: absolute;
  left: -24px;
  top: 15px;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

@media (min-width: 768px) {
    .RewardDetails__rewardDetails__h1q8P th:first-child {
      width: 27%;
    }

    .RewardDetails__rewardDetails__h1q8P th:nth-child(2) {
      width: 14%;
    }

    .RewardDetails__rewardDetails__h1q8P th:nth-child(3) {
      width: 14%;
    }

    .RewardDetails__rewardDetails__h1q8P th:nth-child(6) {
      width: 13%;
    }

    .RewardDetails__rewardDetails__h1q8P td:nth-child(6) {
      text-align: right;
    }

    .RewardDetails__rewardDetails__h1q8P td.RewardDetails__zeroState__Or4T1 {
      width: 100%;
      height: 108px;
      vertical-align: middle;
    }

    /* Overlay offset */
    .RewardDetails__rewardDetails__h1q8P table:first-of-type ~ div {
      top: 4rem;
    }
  }

.RewardDetails__zeroState__Or4T1 {
  margin: 1.4rem auto;
  line-height: 1.4;
  color: var(--body-text-color);
  text-align: center;
  background: var(--salt);
  width: 100%;
  border: 1px solid var(--silver);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: none;
  height: 96px;
  vertical-align: middle;
}


  @media (--w768-up) {
    .RedemptionsModule__redemptionsModule__uTJDh th:first-child {
      width: 25%;
    }

    .RedemptionsModule__redemptionsModule__uTJDh th:nth-child(2) {
      width: 45%;
    }
  }
@media (--w1280-up) {
    .RedemptionsModule__redemptionsModule__uTJDh th:first-child {
      width: 250px;
    }

    .RedemptionsModule__redemptionsModule__uTJDh th:nth-child(2) {
      width: 350px;
    }
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.RedemptionsModuleRowMobile__textCenter__CYzO- {
  text-align: center;
}

.RedemptionsModuleRowMobile__redemptionsModuleRowMobile__LM7lX {
    padding-top: var(--space-default);
    padding-bottom: var(--space-default);
    padding-right: var(--space-default);
    padding-left: var(--space-default);

    font-family: var(--sans);

    display: flex;
    flex-direction: column;

    color: var(--stone);
    background-color: var(--salt);
    border-bottom: 1px solid var(--satin);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

  flex-direction: row;
  justify-content: space-between;
}

@media (min-width: 768px) {

.RedemptionsModuleRowMobile__redemptionsModuleRowMobile__LM7lX {
      padding-top: var(--space-medium);
}
    }

@media (min-width: 768px) {

.RedemptionsModuleRowMobile__redemptionsModuleRowMobile__LM7lX {
      padding-bottom: var(--space-medium);
}
    }

@media (min-width: 768px) {

.RedemptionsModuleRowMobile__redemptionsModuleRowMobile__LM7lX {
      padding-right: var(--space-medium);
}
    }

@media (min-width: 768px) {

.RedemptionsModuleRowMobile__redemptionsModuleRowMobile__LM7lX {
      padding-left: var(--space-medium);
}
    }

.RedemptionsModuleRowMobile__amount__guXYx {
  font-size: 20px;
  letter-spacing: -.3px;
  color: var(--stone);
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ChartPresetHeading__container__mxIbo{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-pack:stretch;-moz-box-pack:stretch;-o-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;margin:8px 0 14px}.ChartPresetHeading__title__c5Kay{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;line-height:1;color:#1c2234;text-align:center}.ChartPresetHeading__balance__Afkev{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:42px;line-height:1.3;color:#1c2234}.ChartPresetHeading__balancesWrapper__jM\+0z{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:476px;margin:0 auto}.ChartPresetHeading__balanceColumn__kt9Ki{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:11px;line-height:1}.ChartPresetHeading__balanceColumn__kt9Ki .ChartPresetHeading__balanceName__TPsD6{color:#8c95a5;margin-bottom:2px;text-transform:uppercase}.ChartPresetHeading__balanceColumn__kt9Ki .ChartPresetHeading__balanceSum__8vxKF{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:32px;line-height:1.3;letter-spacing:-.32px;color:#1c2234}.ChartPresetHeading__balanceColumn__kt9Ki .ChartPresetHeading__balanceHold__Os0Ex{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;line-height:1;letter-spacing:-.32px;color:#8c95a5}.ChartPresetHeading__balanceHeadPoint__wxi\+I{display:inline-block;border-radius:50%;width:12px;height:12px;padding:0;margin-right:6px;position:relative;top:1px}.ChartPresetHeading__balanceHeadPoint__wxi\+I.ChartPresetHeading__usd__bkna7{background-color:#4fab34}.ChartPresetHeading__balanceHeadPoint__wxi\+I.ChartPresetHeading__crypto__6CVPW{background-color:#00a3e0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LifetimeEarningsChart__cashLine__p3QRs{fill:transparent;stroke:#4fab34;stroke-width:3}.LifetimeEarningsChart__cashArea__zpjiV{fill:rgba(79,171,52,0.3);stroke:transparent}.LifetimeEarningsChart__cryptoLine__lio2t{fill:transparent;stroke:#00a3e0;stroke-width:3}.LifetimeEarningsChart__cryptoArea__Ty0LI{fill:rgba(0,163,224,0.3);stroke:transparent}.LifetimeEarningsChart__usdPoints__N0tab{content:''}.LifetimeEarningsChart__usdPoints__N0tab circle{stroke:#fff;stroke-width:3px;fill:#4fab34}.LifetimeEarningsChart__cryptoPoints__IKSVo{content:''}.LifetimeEarningsChart__cryptoPoints__IKSVo circle{stroke:#fff;stroke-width:3px;fill:#00a3e0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ChartHighlight__chartHighlight__0tH08{content:''}.ChartHighlight__chartHighlight__0tH08 text{text-anchor:middle;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:10px;fill:#a5a8ab}.ChartHighlight__chartHighlight__0tH08 line{stroke:#a5a8ab;stroke-width:2px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CryptoChartPreset__summaryChart__nXDGt{position:relative;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.CryptoChartPreset__chartWrapper__VU03A{position:relative;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.CryptoChartPreset__svg__ruJZ9{position:absolute;width:100%;height:100%;top:0;left:0}.CryptoChartPreset__cashLine__1gxOy{fill:transparent;stroke:#4fab34;stroke-width:3}.CryptoChartPreset__cashArea__pjexF{fill:rgba(79,171,52,0.3);stroke:transparent}.CryptoChartPreset__cryptoLine__jlarr{fill:transparent;stroke:#00a3e0;stroke-width:3}.CryptoChartPreset__cryptoArea__ba59A{fill:rgba(0,163,224,0.3);stroke:transparent}.CryptoChartPreset__usdPoints__FmOt6{content:''}.CryptoChartPreset__usdPoints__FmOt6 circle{stroke:#fff;stroke-width:3px;fill:#4fab34}.CryptoChartPreset__cryptoPoints__DeBIm{content:''}.CryptoChartPreset__cryptoPoints__DeBIm circle{stroke:#fff;stroke-width:3px;fill:#00a3e0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ChartInteraction__chartInteraction__Npk9L{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;position:relative}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ChartAxisPreset__axisLine__M45JI{content:''}.ChartAxisPreset__axisLine__M45JI text{display:none}.ChartAxisPreset__axisLine__M45JI line{stroke:#a5a8ab;stroke-width:2px}.ChartAxisPreset__axisLine__M45JI .domain{fill:transparent;stroke:#a5a8ab;stroke-width:2px}.ChartAxisPreset__axisTicks__Fqvav{content:''}.ChartAxisPreset__axisTicks__Fqvav .tick{content:''}.ChartAxisPreset__axisTicks__Fqvav .tick line{display:none}.ChartAxisPreset__axisTicks__Fqvav .tick text{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:10px;fill:#a5a8ab;text-transform:uppercase}.ChartAxisPreset__axisTicks__Fqvav .domain{display:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LifetimeEarnings__chart__pkyFy{height:185px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.RewardsPageCryptoWallet__item__rTcOL{--space:16px;padding-bottom:var(--space);border-bottom:1px solid #ced5df;margin:var(--space);margin-bottom:0}@media screen and (min-width: 768px){.RewardsPageCryptoWallet__item__rTcOL{--space:32px}}.RewardsPageCryptoWallet__item__rTcOL:last-child{padding:0;border:none;margin-bottom:var(--space)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.WalletItem__walletItem__i1geq{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 768px){.WalletItem__walletItem__i1geq{-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.WalletItem__name__ABkd6{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:18px;letter-spacing:-.3px;color:#1c2234;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:50%;flex-basis:50%}@media screen and (min-width: 768px){.WalletItem__name__ABkd6{-webkit-flex-basis:33%;flex-basis:33%}}.WalletItem__icon__KYt0V{width:32px;height:32px;margin-right:14px}.WalletItem__amount__0adS4{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:24px;color:#1c2234;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:50%;flex-basis:50%;text-align:right}@media screen and (min-width: 768px){.WalletItem__amount__0adS4{font-size:18px;-webkit-flex-basis:10%;flex-basis:10%;text-align:left;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-left:24px}}.WalletItem__performance__gONlf{content:''}@media screen and (min-width: 768px){.WalletItem__performance__gONlf{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:unset;-webkit-flex-basis:10%;flex-basis:10%;margin-left:24px}}.WalletItem__performanceDaily__WhKD9{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;margin-left:48px;width:90px}.WalletItem__performanceAllTime__K3-mo{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;margin-left:16px}.WalletItem__label__Efygx{font-family:"sans", "Arial", sans-serif;font-size:11px;color:#6a7185;margin-bottom:4px}@media screen and (min-width: 768px){.WalletItem__label__Efygx{margin-bottom:0}}.WalletItem__value__qQ\+bu{font-family:"sans", "Arial", sans-serif;font-size:12px;color:#6a7185;white-space:nowrap}.WalletItem__value__qQ\+bu.WalletItem__positive__oCXQB{color:#4fab34}.WalletItem__value__qQ\+bu.WalletItem__negative__FS-JM{color:#e34242}@media screen and (min-width: 768px){.WalletItem__value__qQ\+bu{font-size:14px;margin-bottom:4px}}.WalletItem__action__u4uEj{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;text-align:right;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}@media screen and (min-width: 768px){.WalletItem__action__u4uEj{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-left:24px}}.WalletItem__action__u4uEj.WalletItem__disableSell__l-Lf9{pointer-events:none;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.WaysToEarnRow__container__0UnEm{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.WaysToEarnRow__container__0UnEm:not(:last-child){margin-bottom:24px}.WaysToEarnRow__iconColumn__whrBK{color:#57bd39;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 12px;-ms-flex:0 0 12px;flex:0 0 12px;margin-right:4px}.WaysToEarnRow__iconColumn__whrBK .WaysToEarnRow__iconCompleted__5djfn{height:auto;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.WaysToEarnRow__iconColumn__whrBK .WaysToEarnRow__iconToDo__lxrey{display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:50%;width:50%;padding-bottom:50%;background-color:#4d556c}.WaysToEarnRow__whatToDoColumn__UpR\+n{-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;line-height:1.3;color:#4d556c}@media screen and (min-width: 768px){.WaysToEarnRow__whatToDoColumn__UpR\+n{font-size:16px}}.WaysToEarnRow__benefitsColumn__zg7xq{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0;-ms-flex:0;flex:0}.WaysToEarnRow__completed__ZUjAI{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.WaysToEarnBenefit__container__qH3qr{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;color:#4fab34;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:12px;line-height:1.58;width:131px}@media (--w768-up){.WaysToEarnBenefit__container__qH3qr{width:92px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.WaysToEarn__container__jMMQ0{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:stretch;-moz-box-pack:stretch;-o-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.WaysToEarn__button__4ymRe{margin:4px 0;padding:0}.WaysToEarn__badgeWrapper__aAfOm{display:inline-block;margin-right:-5px;cursor:pointer}.WaysToEarn__badgeWrapper__aAfOm *{cursor:pointer}.WaysToEarn__opportunities__OTUu9.WaysToEarn__opportunities__OTUu9.WaysToEarn__opportunities__OTUu9{margin-bottom:12px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.RewardPageModuleWrapperPreset__card__YumVP{padding:24px 16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.HowRewardsWorks__howRewardsWorks__WRhRu{counter-reset:howRewardsWorks}@media screen and (min-width: 768px){.HowRewardsWorks__howRewardsWorks__WRhRu{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}}.HowRewardsWorks__howRewardsWorks__WRhRu li{list-style:none;margin-bottom:24px}.HowRewardsWorks__howRewardsWorks__WRhRu li:first-child{text-align:center}.HowRewardsWorks__howRewardsWorks__WRhRu li:before{counter-increment:howRewardsWorks;content:counter(howRewardsWorks) '. ';font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;color:#122958}.HowRewardsWorks__howRewardsWorks__WRhRu li:first-child:before{display:none}.HowRewardsWorks__howRewardsWorks__WRhRu li:last-child{margin-bottom:0}@media screen and (min-width: 768px){.HowRewardsWorks__howRewardsWorks__WRhRu li{margin-right:24px;margin-bottom:0}.HowRewardsWorks__howRewardsWorks__WRhRu li:last-child{margin-right:0}}.HowRewardsWorks__howRewardsWorks__WRhRu li h4{display:inline;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;color:#122958}.HowRewardsWorks__howRewardsWorks__WRhRu li p{font-family:"sans", "Arial", sans-serif;font-size:15px;line-height:1.3;color:#4d556c;margin-top:5px}.HowRewardsWorks__image__T-SzD{width:48px;height:48px;text-align:center}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.RedeemButton__link__PY5BO{dislay:inline-block;width:100%}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AutoinvestTurnOffButton__disableAutoinvestButton__XaxVm{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;position:relative;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:12px;line-height:1;color:#6a7185;padding:0}.AutoinvestTurnOffButton__disableAutoinvestButton__XaxVm .AutoinvestTurnOffButton__label__ExIvY{text-transform:none;padding-right:4px}.AutoinvestTurnOffButton__disableAutoinvestButton__XaxVm .AutoinvestTurnOffButton__labelOn__MMjQ9{font-weight:600;line-height:1.6;color:#3172f5;padding-left:2px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SummaryActions__summaryActions__TlcAq{content:''}.SummaryActions__summaryActions__TlcAq > *{margin-bottom:12px}.SummaryActions__summaryActions__TlcAq > *:last-child{margin-bottom:0}.SummaryActions__autoinvestRadio__akMYx{margin:0 auto;width:max-content}.SummaryActions__autoinvestRadio__akMYx.SummaryActions__widthSell__07siA{margin:0;margin-left:auto;margin-bottom:-8px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SummarySectionPreset__container__HW3HR{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-pack:stretch;-moz-box-pack:stretch;-o-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;margin:0;height:100%}.SummarySectionPreset__header__zhgCm{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:4px}.SummarySectionPreset__inProgress__UP3sr .SummarySectionPreset__header__zhgCm{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);pointer-events:none}.SummarySectionPreset__main__JxBZ4{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:stretch;-moz-box-pack:stretch;-o-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;margin-bottom:16px}.SummarySectionPreset__main__JxBZ4>*:first-child{content:''}.SummarySectionPreset__inProgress__UP3sr .SummarySectionPreset__main__JxBZ4>*:first-child{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.SummarySectionPreset__inProgress__UP3sr .SummarySectionPreset__main__JxBZ4{pointer-events:none}.SummarySectionPreset__footer__4tvmH{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-pack:stretch;-moz-box-pack:stretch;-o-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.SummarySectionPreset__loading__7IXpY{color:#4d556c;line-height:2;background-color:#fff;position:absolute;width:100%;height:100%;left:0;top:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-size:18px}.SummarySectionPreset__loading__7IXpY b{font-weight:bold}.SummarySectionPreset__spinner__fXaDs{width:32px;height:32px;-webkit-animation:SummarySectionPreset__spinner__fXaDs 1s linear infinite;-moz-animation:SummarySectionPreset__spinner__fXaDs 1s linear infinite;-o-animation:SummarySectionPreset__spinner__fXaDs 1s linear infinite;-ms-animation:SummarySectionPreset__spinner__fXaDs 1s linear infinite;animation:SummarySectionPreset__spinner__fXaDs 1s linear infinite;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;transform-origin:center;margin-bottom:16px}.SummarySectionPreset__arc__J-iWY{content:''}.SummarySectionPreset__arc__J-iWY{content:''}.SummarySectionPreset__arc__J-iWY circle{stroke:#00a3e0;stroke-linecap:round;stroke-width:4px}@-moz-keyframes SummarySectionPreset__spinner__fXaDs{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes SummarySectionPreset__spinner__fXaDs{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes SummarySectionPreset__spinner__fXaDs{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes SummarySectionPreset__spinner__fXaDs{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SummaryChart__wrapper__PcA1s{position:relative;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.SummaryChart__cashArea__nXtpX{fill:transparent;stroke:transparent}.SummaryChart__cryptoArea__iBRYd{fill:transparent;stroke:transparent}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SummaryContent__summaryChartContainer__K52dT{height:185px;width:calc(100% - 20px);max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LeftToInvest__container__nygXc{margin:0;padding:0}.LeftToInvest__headerLabel__y5qZF{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:16px;line-height:1.5;color:#4d556c;margin:0 auto}.LeftToInvest__chartContainer__IdNe9{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:32px auto 16px;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.LeftToInvest__chartLabel__-uOeA{color:#8c95a5;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;line-height:1.15;text-transform:uppercase}.LeftToInvest__progressbarWrapper__\+x2Gx{width:174px;height:156px;margin:0 auto 16px;-webkit-animation:LeftToInvest__opacityAnimation__E6A8X 250ms linear 400ms backwards,LeftToInvest__scaleAnimation__aO7Qh 650ms cubic-bezier(.22,1.86,.46,.4) 400ms forwards;-moz-animation:LeftToInvest__opacityAnimation__E6A8X 250ms linear 400ms backwards,LeftToInvest__scaleAnimation__aO7Qh 650ms cubic-bezier(.22,1.86,.46,.4) 400ms forwards;-o-animation:LeftToInvest__opacityAnimation__E6A8X 250ms linear 400ms backwards,LeftToInvest__scaleAnimation__aO7Qh 650ms cubic-bezier(.22,1.86,.46,.4) 400ms forwards;-ms-animation:LeftToInvest__opacityAnimation__E6A8X 250ms linear 400ms backwards,LeftToInvest__scaleAnimation__aO7Qh 650ms cubic-bezier(.22,1.86,.46,.4) 400ms forwards;animation:LeftToInvest__opacityAnimation__E6A8X 250ms linear 400ms backwards,LeftToInvest__scaleAnimation__aO7Qh 650ms cubic-bezier(.22,1.86,.46,.4) 400ms forwards}.LeftToInvest__progressbar__jeeO6{position:relative;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;line-height:1.3;letter-spacing:.2px;color:#8c95a5;width:174px;height:156px;padding-bottom:24px;margin:0 auto}.LeftToInvest__labelHeader__A9iJR{position:absolute;top:33%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1.2;-webkit-animation:LeftToInvest__opacityAnimation__E6A8X 250ms linear 400ms backwards;-moz-animation:LeftToInvest__opacityAnimation__E6A8X 250ms linear 400ms backwards;-o-animation:LeftToInvest__opacityAnimation__E6A8X 250ms linear 400ms backwards;-ms-animation:LeftToInvest__opacityAnimation__E6A8X 250ms linear 400ms backwards;animation:LeftToInvest__opacityAnimation__E6A8X 250ms linear 400ms backwards}.LeftToInvest__labelCenterBalanceCurrent__qpzD-{position:absolute;top:80px;width:100%;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:48px;line-height:1;color:#1c2234;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.LeftToInvest__labelCenterBalanceCurrent__qpzD-.LeftToInvest__emphasized__CdGtf{-webkit-animation:LeftToInvest__emphasizeAnimation__6whDG 250ms ease-in-out;-moz-animation:LeftToInvest__emphasizeAnimation__6whDG 250ms ease-in-out;-o-animation:LeftToInvest__emphasizeAnimation__6whDG 250ms ease-in-out;-ms-animation:LeftToInvest__emphasizeAnimation__6whDG 250ms ease-in-out;animation:LeftToInvest__emphasizeAnimation__6whDG 250ms ease-in-out}.LeftToInvest__labelCenterBalanceCurrent__qpzD-.LeftToInvest__shrinked__1GlU1{font-size:40px}.LeftToInvest__currency__oErIW{-webkit-animation:LeftToInvest__opacityAnimation__E6A8X 250ms linear 400ms backwards;-moz-animation:LeftToInvest__opacityAnimation__E6A8X 250ms linear 400ms backwards;-o-animation:LeftToInvest__opacityAnimation__E6A8X 250ms linear 400ms backwards;-ms-animation:LeftToInvest__opacityAnimation__E6A8X 250ms linear 400ms backwards;animation:LeftToInvest__opacityAnimation__E6A8X 250ms linear 400ms backwards}.LeftToInvest__amount__6QjDI{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.LeftToInvest__amount__6QjDI.LeftToInvest__visible__KP7Ja{opacity:1;-ms-filter:none;filter:none;-webkit-transition:opacity 250ms linear;-moz-transition:opacity 250ms linear;-o-transition:opacity 250ms linear;-ms-transition:opacity 250ms linear;transition:opacity 250ms linear}.LeftToInvest__labelBalanceCurrent__kUmQ7{position:absolute;bottom:0;left:30px}.LeftToInvest__labelBalanceRequired__BsPKY{position:absolute;bottom:0;right:30px}@-moz-keyframes LeftToInvest__scaleAnimation__aO7Qh{from{-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-webkit-keyframes LeftToInvest__scaleAnimation__aO7Qh{from{-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-o-keyframes LeftToInvest__scaleAnimation__aO7Qh{from{-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@keyframes LeftToInvest__scaleAnimation__aO7Qh{from{-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-moz-keyframes LeftToInvest__opacityAnimation__E6A8X{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}to{opacity:1;-ms-filter:none;filter:none}}@-webkit-keyframes LeftToInvest__opacityAnimation__E6A8X{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}to{opacity:1;-ms-filter:none;filter:none}}@-o-keyframes LeftToInvest__opacityAnimation__E6A8X{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}to{opacity:1;-ms-filter:none;filter:none}}@keyframes LeftToInvest__opacityAnimation__E6A8X{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}to{opacity:1;-ms-filter:none;filter:none}}@-moz-keyframes LeftToInvest__emphasizeAnimation__6whDG{from{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-webkit-keyframes LeftToInvest__emphasizeAnimation__6whDG{from{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-o-keyframes LeftToInvest__emphasizeAnimation__6whDG{from{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@keyframes LeftToInvest__emphasizeAnimation__6whDG{from{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.RadialProgressbar__progressbar__9JsRL {
  width: 176px;
  height: 176px;
  transform: rotate(-233deg);
}

.RadialProgressbar__scale__FoxMe,
.RadialProgressbar__filling__aBE2t {
  fill: none;
  stroke-width: 12;
  stroke-dasharray: 360;
  stroke-linecap: round;
}

.RadialProgressbar__scale__FoxMe {
  stroke: url(#progressbarScaleGradient);
  stroke-dashoffset: 90;
}

.RadialProgressbar__filling__aBE2t {
  transition: stroke-dashoffset var(--slow) cubic-bezier(.38,1.2,.54,1.04);
}

.RadialProgressbar__green__Ck-nl {
  stroke: var(--success);
}

.RadialProgressbar__blue__ueJ60 {
  stroke: var(--dark-grey-blue);
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.RewardsSummaryModule__cardBlockSummary__76\+aV{position:relative}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ModuleLayout__moduleLayout__dKiJw{font-family:var(--sans);width:100%;line-height:1.4}.ModuleLayout__content__o\+5Sl h1{font-size:32px;font-weight:500;font-family:var(--serif)}.ModuleLayout__content__o\+5Sl h2{font-size:20px;font-weight:500}@media screen and (min-width: 415px){.ModuleLayout__content__o\+5Sl h2{font-size:24px}}.ModuleLayout__content__o\+5Sl h3{font-size:16px;font-weight:500}.ModuleLayout__content__o\+5Sl h4{font-size:16px;font-weight:600}.ModuleLayout__content__o\+5Sl h5{font-size:14px;font-weight:500}.ModuleLayout__cardLayout__5SCwP{border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.2)}.ModuleLayout__connectedToHeader__JkGB9 .ModuleLayout__content__o\+5Sl{border-top-left-radius:0;border-top-right-radius:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.OpportunitiesPage__opportunitiesPage__yNL3S{max-width:540px}.OpportunitiesPage__header__AWOxk{padding-top:72px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center}@media screen and (min-width: 768px){.OpportunitiesPage__header__AWOxk{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:left}}.OpportunitiesPage__disclosureLinkWrapper__ZPv46{margin-bottom:28px}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --category-width: 96px;
}

.InsightCategoriesRibbon__menu__nVexV,
.InsightCategoriesRibbon__ribbon__4lyww {
  height: var(--ribbon-height);
}

.InsightCategoriesRibbon__regular__eLBMd {}

.InsightCategoriesRibbon__white__fgB2I {}

.InsightCategoriesRibbon__menu__nVexV {
  position: relative;
  z-index: 5;
  width: 100%;
  overflow: hidden;
  background: var(--light-action);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.InsightCategoriesRibbon__menu__nVexV.InsightCategoriesRibbon__dragging__9J4Ri {
    pointer-events: none;
  }

.InsightCategoriesRibbon__menu__nVexV.InsightCategoriesRibbon__dragging__9J4Ri .InsightCategoriesRibbon__category__ugiy3:active .InsightCategoriesRibbon__icon__9mFCm {
      transform: none;
    }

.InsightCategoriesRibbon__scrollable__Ug0sg {
  width: 100%;
  height: 150%;
  overflow-x: scroll;
  will-change: scroll-position;
}

.InsightCategoriesRibbon__ribbon__4lyww {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
}

.InsightCategoriesRibbon__arrow__s4P-W {
  position: absolute;
  top: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  width: 32px;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  transition: opacity var(--fast), visibility var(--fast);
}

.InsightCategoriesRibbon__arrow__s4P-W::before {
    content: '';
    display: block;
    height: 100%;
    background: 50% 50% url(/images/icons/blue-arrow.svg) no-repeat;
    transition: transform var(--fastest);
  }

.InsightCategoriesRibbon__arrow__s4P-W:active::before {
    transform: scale(.9);
  }

.InsightCategoriesRibbon__left__nF6Ef {
  transform: scaleX(-1);
  left: 0;
}

.InsightCategoriesRibbon__right__GdKE9 {
  right: 0;
}

.InsightCategoriesRibbon__hidden__0uCF3 {
  visibility: hidden;
  opacity: 0;
}

.InsightCategoriesRibbon__selected__g7zuX {}

.InsightCategoriesRibbon__category__ugiy3 {
  flex-shrink: 0;
  width: var(--category-width);
  height: 100%;
  position: relative;
  color: var(--stone);
  text-align: center;
  cursor: pointer;
}

.InsightCategoriesRibbon__category__ugiy3::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 80%;
    top: 10%;
    right: 0;
    background: var(--silver);
  }

.InsightCategoriesRibbon__category__ugiy3:hover {
    color: var(--slate);
  }

.InsightCategoriesRibbon__category__ugiy3:active .InsightCategoriesRibbon__icon__9mFCm {
    transform: scale(.95);
  }

.InsightCategoriesRibbon__white__fgB2I .InsightCategoriesRibbon__category__ugiy3.InsightCategoriesRibbon__selected__g7zuX {
    background-color: var(--salt);
  }

.InsightCategoriesRibbon__iconContainer__8Yg8x {
  margin-top: 12px;
  display: inline-block;
  position: relative;
}

.InsightCategoriesRibbon__icon__9mFCm {
  width: 28px;
  height: 28px;
  fill: currentColor;
  transition: transform var(--fastest);
}

.InsightCategoriesRibbon__textPositioner__DnUtc {
  font-size: 11px;
  line-height: 2;
  font-weight: 500;
  padding: 0 5px;
}

.InsightCategoriesRibbon__textWrapper__nTqK3 {
  line-height: 1;
  display: inline-block;
}

.InsightCategoriesRibbon__highlighter__gMaVl {
  position: absolute;
  bottom: 0;
  left: 0;
  width: var(--category-width);
  height: 4px;
  background: var(--action);
  transition: transform var(--fast);
}

.InsightCategoriesRibbon__counterWrapper__Cjrou {
  position: absolute;
  right: -16px;
  top: -10px;
  border: 2px solid var(--light-action);
  border-radius: 50%;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SocialInsightGroupsList__socialInsightGroupsList__J3XHP{content:''}.SocialInsightGroupsList__group__agDwg{margin-bottom:24px}@media screen and (min-width: 768px){.SocialInsightGroupsList__group__agDwg{margin-bottom:32px}}.SocialInsightGroupsList__footer__LvpF2{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:40px;background-color:#f4f6fd;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;-ms-transition:background-color 0.2s;transition:background-color 0.2s}.SocialInsightGroupsList__footer__LvpF2:hover{background-color:#e8edff}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SocialInsightGroup__socialInsightGroup__f8dZa{content:''}.SocialInsightGroup__insight__lHmNB{padding:12px 0;border-top:1px solid #ced5df}.SocialInsightGroup__insight__lHmNB:first-child{padding-top:0;border-top:0}.SocialInsightGroup__header__MhDta{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:12px;cursor:pointer}.SocialInsightGroup__iconWrapper__NngWM{width:40px;height:40px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;background-color:#edeff1;color:#4d556c;border-radius:50%;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.SocialInsightGroup__icon__GUcPN{width:20px;height:20px}.SocialInsightGroup__title__dxDMZ{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;color:#4d556c;margin-left:12px}@media screen and (min-width: 768px){.SocialInsightGroup__title__dxDMZ{font-size:16px}}.SocialInsightGroup__seeAllContent__lXUhv{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.SocialInsightGroup__seeAllArrow__yPhm8::after{display:inline;padding-left:1px;content:'\25B8';font-size:15px}.SocialInsightGroup__footer__OEU7y{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:40px;background-color:#f4f6fd;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;-ms-transition:background-color 0.2s;transition:background-color 0.2s}.SocialInsightGroup__footer__OEU7y:hover{background-color:footerHoverColor}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SocialInsightCard__socialInsightCard__\+cxxf{border-radius:5px;box-shadow:1px 1px 2px 0 rgba(0,0,0,0.35);-webkit-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);border:solid 1px #f5f6f7;background-color:#fff;--bottom-padding:12px}.SocialInsightCard__socialInsightCard__\+cxxf:hover{box-shadow:0 0 0 1px rgba(60,66,90,0.05),0 20px 20px rgba(60,66,90,0.12)}@media screen and (min-width: 768px){.SocialInsightCard__socialInsightCard__\+cxxf{--bottom-padding:10px}}.SocialInsightCard__inner__nFxSn{padding:12px 12px var(--bottom-padding)}@media screen and (min-width: 768px){.SocialInsightCard__inner__nFxSn{padding:10px 16px var(--bottom-padding)}}.SocialInsightCard__noPadding__C5wtR{padding:0}@media screen and (min-width: 768px){.SocialInsightCard__noPadding__C5wtR{padding:0}}.SocialInsightCard__footerWrapper__r8Vyo{margin-top:calc(-1 * var(--bottom-padding))}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SocialInsight__socialInsight__g\+slU{font-family:"sans", "Arial", sans-serif;font-size:ans-family;display:grid;grid-template-columns:auto 99px;grid-template-rows:auto;grid-template-areas:"title media" "social media" "gap gap" "actions actions" "text text" "cta cta";gap:0 8px;position:relative}@media screen and (min-width: 768px){.SocialInsight__socialInsight__g\+slU{grid-template-columns:auto 174px;grid-template-areas:"title media" "social media" "text media" "gap gap" "actions cta";gap:0 16px}}.SocialInsight__title__vLRrb{grid-area:title;line-height:1.2;font-size:20px;font-weight:500;color:rgba(28,34,52,0.9)}@media screen and (min-width: 768px){.SocialInsight__title__vLRrb{line-height:1.14}}.SocialInsight__media__eTgSP{grid-area:media}.SocialInsight__gap__R0P4c{grid-area:gap;margin-top:16px}.SocialInsight__mediaLayout__1utuk{border-radius:4px;overflow:hidden}.SocialInsight__social__ic\+JR{grid-area:social;font-size:12px;font-weight:600;color:#8c95a5;margin-top:3px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.SocialInsight__social__ic\+JR .SocialInsight__peers__oI2nr{color:#f88484}.SocialInsight__social__ic\+JR .SocialInsight__reviews__MgTk-{color:#3172f5;cursor:pointer}.SocialInsight__text__6N8Ej{grid-area:text;margin-top:10px;color:#1c2234;font-size:14px;position:relative;line-height:1.43}@media screen and (min-width: 768px){.SocialInsight__text__6N8Ej{margin-top:8px}}.SocialInsight__readMore__lAT5Z{white-space:nowrap;margin-left:4px}.SocialInsight__readMoreText__6ySvQ{color:#3172f5;cursor:pointer}.SocialInsight__actions__SnYbs{grid-area:actions;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative}.SocialInsight__buttonsLeft__CUl85{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}@media screen and (min-width: 768px){.SocialInsight__buttonsLeft__CUl85{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0}}.SocialInsight__otherBadges__YMyGm{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.SocialInsight__buttonsRight__VfBr8{-webkit-flex-shrink:0;flex-shrink:0}.SocialInsight__annotations__NYV4M{position:absolute;z-index:3;--extra-space:12px;width:calc(100% + var(--extra-space) * 2);--margin:calc(var(--extra-space) * -1);margin-left:var(--margin);margin-right:var(--margin);margin-top:-22px}@media screen and (min-width: 768px){.SocialInsight__annotations__NYV4M{--extra-space:16px;width:375px;margin-right:0}}.SocialInsight__cta__-9nmH{grid-area:cta;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:10px;margin-left:-16px}@media screen and (min-width: 768px){.SocialInsight__cta__-9nmH{margin-top:0}}.SocialInsight__publicLike__CS7J8{margin-right:8px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SocialProfileEnsure__socialProfileEnsure__8RgxU{content:''}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.BadgeWithAnnotation__expanded__55t5U{z-index:3}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SocialInsightList__socialInsightList__HXdo9{content:''}.SocialInsightList__insight__bOHB1{margin-bottom:24px}@media screen and (min-width: 768px){.SocialInsightList__insight__bOHB1{margin-bottom:32px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SocialProfilePopup__contentWrapper__bnNun{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-top:32px}.SocialProfilePopup__cancelLinkWrapper__K7MbR{margin-top:16px;text-align:center}.SocialProfilePopup__startPostingButtonWrapper__A\+RKL{width:270px;margin-top:16px}.SocialProfilePopup__settingsNoteWrapper__00Bop{width:308px;margin-top:32px;text-align:center;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;line-height:1.4;color:#8c95a5}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SocialProfileHeader__socialProfileHeader__DbBrC{text-align:center}.SocialProfileHeader__header__x1rJO{font-family:"serif", "Georgia", serif;font-weight:500;font-size:24px;line-height:1.25;color:#4d556c}.SocialProfileHeader__subheader__GEBu7{margin-top:16px;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;line-height:1.44;color:#8c95a5}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SocialProfileForm__socialProfileForm__yeL05{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.SocialProfileForm__submitButtonWrapper__ohzVZ{margin-top:80px;width:270px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SocialProfileInfo__socialProfileInfo__CDVK2{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.SocialProfileInfo__usernameWrapper__kENC4{margin-top:8px;width:224px;text-align:center}.SocialProfileInfo__textFieldWrapper__2GpdP{position:relative;display:inline-block}.SocialProfileInfo__pencilIconWrapper__8zfIV{position:absolute;left:calc(100% + 16px);bottom:10px;width:16px;height:16px;color:#3172f5}.SocialProfileInfo__readonly__Z5h51{content:''}.SocialProfileInfo__textFieldInner__DVRlh input{font-family:"sans", "Arial", sans-serif;font-weight:700;font-size:21px;line-height:1.2;text-align:center;color:#4d556c}.SocialProfileInfo__textFieldReadonly__ua0Rz{font-family:"sans", "Arial", sans-serif;font-weight:700;font-size:21px;line-height:1.2;text-align:center;color:#4d556c;height:38px;position:relative;top:10px}.SocialProfileInfo__pencilIcon__wx\+nD{display:inline-block;width:100%;height:100%}.SocialProfileInfo__avatar__E03Sl{width:60px;height:60px}.SocialProfileInfo__preventAutoScroll__MuQuZ{-webkit-transform:translateY(-10000px);-moz-transform:translateY(-10000px);-o-transform:translateY(-10000px);-ms-transform:translateY(-10000px);transform:translateY(-10000px)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SocialProfileConfirmation__socialProfileConfirmation__HX-l6{width:100%}.SocialProfileConfirmation__separator__-mkem{height:16px;border-bottom:1px solid #edeff1}.SocialProfileConfirmation__definitionWrapper__ZLXGy{text-align:center}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedAuthorPage__column__F44uw{max-width:588px;margin:auto}@media screen and (min-width: 768px){.FeedAuthorPage__column__F44uw{margin-left:16px}}.FeedAuthorPage__header__vFAeZ{margin-bottom:40px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 16px}@media screen and (min-width: 768px){.FeedAuthorPage__header__vFAeZ{margin-bottom:32px;-webkit-box-pack:normal;-moz-box-pack:normal;-o-box-pack:normal;-ms-flex-pack:normal;-webkit-justify-content:normal;justify-content:normal;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:0}}.FeedAuthorPage__avatar__W-NcA,.FeedAuthorPage__tagAvatar__J9BhX{width:64px;height:64px;margin-bottom:12px}@media screen and (min-width: 768px){.FeedAuthorPage__avatar__W-NcA,.FeedAuthorPage__tagAvatar__J9BhX{margin-right:16px;margin-bottom:0}}.FeedAuthorPage__tagAvatar__J9BhX{background:;border-radius:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;box-shadow:1px 3px 8px 0 rgba(0,0,0,0.35)}.FeedAuthorPage__iconWrapper__Ki6UB{width:50%;color:#6a7185}.FeedAuthorPage__resourceName__Dv2L0{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;width:100%;text-align:center}@media screen and (min-width: 768px){.FeedAuthorPage__resourceName__Dv2L0{width:390px;text-align:left;margin-bottom:0}}.FeedAuthorPage__pageHeading__Xo6-q{margin-left:0;margin-bottom:0;line-height:1.2}@media screen and (min-width: 768px){.FeedAuthorPage__pageHeading__Xo6-q{margin-left:inherit;margin-bottom:inherit;margin-top:0}}.FeedAuthorPage__countersWrapper__9snzO{margin-top:12px;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){.FeedAuthorPage__countersWrapper__9snzO{margin-top:2px}}.FeedAuthorPage__followButtonWrapper__we9wr{margin-top:16px;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}@media screen and (min-width: 415px){.FeedAuthorPage__followButtonWrapper__we9wr{width:auto}}@media screen and (min-width: 768px){.FeedAuthorPage__followButtonWrapper__we9wr{margin:0}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedPostList__container__Ddxww{--spacer:32px;padding-bottom:calc(48px + var(--spacer))}.FeedPostList__post__PRv33{margin-bottom:var(--spacer)}.FeedPostList__loadMoreButtonWrapper__mib6V{margin-top:var(--spacer);text-align:center}.FeedPostList__preloader__m3FxD{margin-top:24px;height:27px;text-align:center}.FeedPostList__emptyPostListCopy__lDnK4{padding:0 16px}.FeedPostList__zeroStateCtaWrapper__PfdUi{margin-top:32px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedPost__text__9jKWr{margin-bottom:12px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedPostMeta__container__qcQcB{border-bottom:1px solid #edeff1;padding-bottom:12px}.FeedPostMeta__content__pxdg8{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#6a7185}.FeedPostMeta__left__vPwsr{content:''}.FeedPostMeta__right__CiauB{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.FeedPostMeta__buttonWrapper__UL0xE + .FeedPostMeta__buttonWrapper__UL0xE{margin-left:12px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Compose__commentActions__km4mp{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-top:16px;margin-bottom:6px}.Compose__input__qF1R2{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;min-width:0}.Compose__attach__9rTjo:not(:empty){margin-top:16px}.Compose__nextToInput__aLqf0:not(:empty){margin-top:16px}.Compose__comment__rGsfa .Compose__nextToInput__aLqf0:not(:empty){margin-top:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ComposeActions__composeActions__V\+Csg{font-family:"sans", "Arial", sans-serif;font-size:ans-family;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.ComposeActions__actions__CPO-d{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.ComposeActions__label__6m1\+r{display:inline-block;width:46px;font-size:13px;color:#8c95a5;position:relative;top:2px}.ComposeActions__action__3FNzP{cursor:pointer;position:relative}.ComposeActions__action__3FNzP.ComposeActions__disabled__EYjLg{cursor:default;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);pointer-events:none}.ComposeActions__actionContent__YhwKi{font-size:11px;color:#3172f5;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;text-transform:uppercase;font-weight:600;padding:12px 12px 8px}.ComposeActions__withCancel__Rn4Vm .ComposeActions__action__3FNzP .ComposeActions__actionContent__YhwKi{padding-left:4px}.ComposeActions__withCancel__Rn4Vm .ComposeActions__action__3FNzP:first-child .ComposeActions__actionContent__YhwKi{padding-left:0}.ComposeActions__actionIcon__N9qIr{width:16px;height:16px;margin-right:6px;position:relative;top:-1px}.ComposeActions__cta__tVNc3{-webkit-flex-shrink:0;flex-shrink:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.ComposeActions__cancel__K6iWi{margin-right:16px}@media screen and (min-width: 415px){.ComposeActions__cancel__K6iWi{margin-right:24px}}.ComposeActions__postButton__dNgAC{height:33px;width:64px}@media screen and (min-width: 375px){.ComposeActions__postButton__dNgAC{width:80px}}@media screen and (min-width: 768px){.ComposeActions__postButton__dNgAC{width:100px}}.ComposeActions__emojiPicker__Ymb3E{position:absolute;z-index:10;top:-77px;left:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.emoji-mart-bar{display:none}.emoji-mart-search-icon{width:24px}button.emoji-mart-emoji.emoji-mart-emoji-native{font-weight:normal}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ComposeLayout__composeLayout__N1-Al{font-family:"sans", "Arial", sans-serif;font-size:ans-family;border-radius:3px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);border:solid 1px #edeff1;background-color:#f5f6f7;color:#6a7185;padding:8px 16px 6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:auto}.ComposeLayout__composeLayout__N1-Al.ComposeLayout__isFocused__zjPYa{width:100%;padding:12px 16px 10px}.ComposeLayout__editMode__HgHBH{background-color:rgba(0,0,0,0.03);width:100%}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ComposeNextToInput__composeNextToInput__6pnXf{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.ComposeNextToInput__addTag__obYYS{width:67px;-webkit-flex-shrink:0;flex-shrink:0;margin-right:16px}.ComposeNextToInput__error__nc\+84{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PostAddTagAction__tagButton__x09UV{width:100%;height:18px;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:11px;line-height:18px;padding:0 4px;border-radius:10px;color:#3172f5;border:solid 1px #3172f5;text-transform:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none}.PostAddTagAction__tagButton__x09UV:hover{background-color:#3172f5;color:#fff}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PostLayout__feedPost__qCPPP{padding-top:16px}@media screen and (min-width: 768px){.PostLayout__feedPost__qCPPP{padding-top:24px}}.PostLayout__username__YuNKw{font-weight:500}.PostLayout__commentCompose__v2DGn{margin-top:16px}.PostLayout__header__ymVjT{padding-bottom:12px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-left:-4px;margin-top:-4px}.PostLayout__info__yQY-G{width:calc(100% - 32px)}.PostLayout__actions__s-Uca{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start;-webkit-flex-shrink:0;flex-shrink:0;margin-top:4px;margin-left:16px;position:relative}.PostLayout__actionButton__zoysF{border:none;padding:0;background-color:transparent;cursor:pointer;position:relative;width:16px;height:4px;cursor:pointer}.PostLayout__actionButton__zoysF:focus{outline:none}.PostLayout__actionButton__zoysF:disabled{cursor:default}.PostLayout__actionButton__zoysF::before{content:'';top:-14px;left:-8px;width:32px;height:32px;position:absolute}.PostLayout__actionMenu__ZfQ5Y{position:absolute;top:-24px;right:-12px;z-index:1;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);visibility:hidden;-webkit-transition:opacity 250ms ease;-moz-transition:opacity 250ms ease;-o-transition:opacity 250ms ease;-ms-transition:opacity 250ms ease;transition:opacity 250ms ease;z-index:2}.PostLayout__actionMenuShown__e\+QOa .PostLayout__actionMenu__ZfQ5Y{opacity:1;-ms-filter:none;filter:none;visibility:visible}@media screen and (min-width: 768px){.PostLayout__actionMenu__ZfQ5Y{right:-48px}}@media screen and (min-width: 1024px){.PostLayout__actionMenu__ZfQ5Y{right:-112px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedPostInfoBar__bar__0-odn{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#edeff1;border-bottom:none;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 0 0 1px rgba(60,66,90,0.05),0 22px 40px 0 rgba(60,66,90,0.12);color:#6a7185;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;font-family:sans;font-size:14px;padding:8px 16px}.FeedPostInfoBar__circle__oqKL4{background:#404fa2;border-radius:50%;margin-right:8px;width:12px;height:12px}.FeedPostInfoBar__alert__wHt6X{background:}.FeedPostInfoBar__success__0mNjE{background:#57bd39}.FeedPostInfoBar__action__DpUAv{background:#3172f5}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CommentCompose__commentCompose__KnesT{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.4;color:#1c2234;margin:1px 0 2px 0;color:rgba(28,34,52,0.6)}@media screen and (min-width: 768px){.CommentCompose__commentCompose__KnesT{font-size:15px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedPostCommentList__container__rElzF{font-family:"sans", "Arial", sans-serif;font-size:ans-family;padding-top:8px}.FeedPostCommentList__commentsWrapper__AqVfD{margin-top:12px}.FeedPostCommentList__hasMore__eJArQ{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:24px;font-size:14px;color:#3172f5;cursor:pointer;background-color:#f4f6fd;padding:8px 16px 6px 16px;border-radius:6px;margin-top:8px}.FeedPostCommentList__hasMoreCopyWrapper__iJ33W{position:relative}.FeedPostCommentList__spinnerWrapper__Dl3CM{position:absolute;left:calc(100% + 8px);top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.FeedPostCommentList__loadSpinnerWrapper__9uyft{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedPostComment__feedPostComment__Exe0n{background:#f4f6fd;padding:12px;padding-bottom:10px;border-radius:6px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:8px}.FeedPostComment__header__0KZN8{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;margin-left:-3px;margin-top:-3px}.FeedPostComment__avatar__SBYNb{width:42px;height:42px;-webkit-flex-shrink:0;flex-shrink:0;margin-right:8px}@media screen and (min-width: 768px){.FeedPostComment__avatar__SBYNb{margin-right:16px}}.FeedPostComment__nameSection__8flvt{margin-right:8px;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;width:calc(100% - 120px)}@media screen and (min-width: 768px){.FeedPostComment__nameSection__8flvt{margin-right:24px}}.FeedPostComment__nameRow__9T2HC{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.FeedPostComment__username__qY5hX{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:16px;color:#404fa2;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.FeedPostComment__verified__oFUaC{-webkit-flex-shrink:0;flex-shrink:0;margin-top:2px;margin-left:8px}.FeedPostComment__nameSubscription__svP0I{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;margin-top:2px;color:#8c95a5}.FeedPostComment__actions__kVdvk{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-flex-shrink:0;flex-shrink:0;position:relative;top:3px}.FeedPostComment__actionMenuContainer__JxMHf{position:relative;margin-top:-2px;margin-right:4px}.FeedPostComment__actionMenuButton__0K9lx{border:none;padding:0;background-color:transparent;cursor:pointer;position:relative;width:16px;height:4px;cursor:pointer}.FeedPostComment__actionMenuButton__0K9lx:focus{outline:none}.FeedPostComment__actionMenuButton__0K9lx:disabled{cursor:default}.FeedPostComment__actionMenuButton__0K9lx::before{content:'';top:-14px;left:-8px;width:32px;height:32px;position:absolute}.FeedPostComment__actionMenu__W9D3R{position:absolute;z-index:1;top:-24px;right:-20px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);visibility:hidden;-webkit-transition:opacity 150ms ease;-moz-transition:opacity 150ms ease;-o-transition:opacity 150ms ease;-ms-transition:opacity 150ms ease;transition:opacity 150ms ease;text-transform:uppercase}@media screen and (min-width: 768px){.FeedPostComment__actionMenu__W9D3R{right:-48px}}@media screen and (min-width: 1024px){.FeedPostComment__actionMenu__W9D3R{right:-112px}}.FeedPostComment__actionMenu__W9D3R.FeedPostComment__actionMenuShown__6H38A{opacity:1;-ms-filter:none;filter:none;visibility:visible}.FeedPostComment__likeButtonWrapper__ge0K3{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.FeedPostComment__likeButton__UbWYe{border:none;padding:0;background-color:transparent;cursor:pointer;width:16px;height:16px;color:#3172f5;margin-right:4px;margin-bottom:3px;cursor:pointer;-webkit-flex-shrink:0;flex-shrink:0}.FeedPostComment__likeButton__UbWYe:focus{outline:none}.FeedPostComment__likeButton__UbWYe:disabled{cursor:default}.FeedPostComment__content__2HSPO{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:8px}@media screen and (min-width: 768px){.FeedPostComment__content__2HSPO{margin-left:40px}}.FeedPostComment__fetchedLink__DZqKZ{margin-top:8px}.FeedPostComment__compose__-cqCd{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;min-width:0;margin-bottom:16px}.FeedPostComment__text__cVfrP{margin-bottom:4px}.FeedPostComment__commentMode__zbsRr .FeedPostComment__avatar__SBYNb{width:32px;height:32px}.FeedPostComment__bottomActionsRow__4eQ4L{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.FeedPostComment__replyActions__UBUd1{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;color:#6a7185;-webkit-flex-shrink:0;flex-shrink:0}.FeedPostComment__replyAction__N\+6Hb{color:#3172f5;cursor:pointer;font-weight:400}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedCommentsThread__comment__ya1Jv{padding-left:19px;position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;--dash-top:28px}.FeedCommentsThread__comment__ya1Jv:before{content:'';display:block;position:absolute;top:12px;left:8px;width:1px;height:100%;background-color:#ced5df}.FeedCommentsThread__comment__ya1Jv:after{content:'';display:block;position:absolute;left:8px;top:var(--dash-top);width:12px;height:1px;background-color:#ced5df}.FeedCommentsThread__comment__ya1Jv:first-child{margin-top:-12px;padding-top:12px}.FeedCommentsThread__comment__ya1Jv:first-child:after{top:calc(var(--dash-top) + 12px)}.FeedCommentsThread__comment__ya1Jv:last-child:before{height:calc(var(--dash-top) - 12px)}.FeedCommentsThread__comment__ya1Jv:first-child:last-child:before{height:var(--dash-top)}.FeedCommentsThread__showMore__goNdu{position:relative;font-family:"sans", "Arial", sans-serif;font-size:12px;color:#3172f5;padding-left:28px;margin-top:6px;margin-bottom:12px;left:1px;cursor:pointer;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.FeedCommentsThread__showMore__goNdu:after{content:'•';color:#ced5df;font-size:20px;background:-webkit-linear-gradient(#ced5df, #ced5df) 7px 5px/13px 1px no-repeat;background:-moz-linear-gradient(#ced5df, #ced5df) 7px 5px/13px 1px no-repeat;background:-o-linear-gradient(#ced5df, #ced5df) 7px 5px/13px 1px no-repeat;background:-ms-linear-gradient(#ced5df, #ced5df) 7px 5px/13px 1px no-repeat;background:linear-gradient(#ced5df, #ced5df) 7px 5px/13px 1px no-repeat;position:absolute;top:0;left:0;width:25px;height:100%;text-align:right;line-height:12px}.FeedCommentsThread__showMore__goNdu:before{content:'';display:block;position:absolute;top:-8px;left:7px;width:1px;height:14px;background-color:#ced5df}.FeedCommentsThread__showMore__goNdu:first-child:before{height:12px;margin-top:2px}.FeedCommentsThread__spinnerWrapper__jQzWu{height:10px;-webkit-transform:translateY(-7px);-moz-transform:translateY(-7px);-o-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px);margin-left:5px}.FeedCommentsThread__commentLayout__vqKFZ{background:#f4f6fd;padding:16px 12px;border-radius:6px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:8px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CommentComposeLayout__comment__JCPWj{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.CommentComposeLayout__avatar__m8jI0{width:32px;height:32px;-webkit-flex-shrink:0;flex-shrink:0;margin-right:14px;margin-top:2px;position:relative}@media screen and (min-width: 415px){.CommentComposeLayout__avatar__m8jI0{position:relative}}.CommentComposeLayout__inputContainer__Aw5Fh{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;min-width:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CommentListMeta__commentListMeta__bZVCE{position:relative;height:24px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-family:"sans", "Arial", sans-serif;font-size:14px;color:#6a7185}.CommentListMeta__commentsCountWrapper__gC3i4{content:''}.CommentListMeta__commentsCount__F4Q2M{font-weight:500}.CommentListMeta__commentsOrderingWrapper__7a8oF{position:relative;z-index:1}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PostActionsMenu__postActionsMenu__eGYm6{text-transform:uppercase}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.InsightPost__insightPost__WAIag{position:relative}.InsightPost__userInfo__N6yNd{position:relative;z-index:2}.InsightPost__text__fBzvL,.InsightPost__attach__T9S9E{margin-bottom:16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.InsightPostAvatar__content__pfQl8{width:100%;height:100%;border:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:50%;position:relative;background-color:rgba(251,188,188,0.5);overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);box-shadow:}.InsightPostAvatar__image__SOK0M{width:100%;height:100%}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.InsightPostCTALink__link__j3Hdf{color:inherit;text-decoration:none}.InsightPostCTALink__link__j3Hdf:visited,.InsightPostCTALink__link__j3Hdf:active{color:inherit}.InsightPostCTALink__link__j3Hdf:hover{text-decoration:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.InsightPostAttach__insightPostAttach__-qDCG{border:1px solid #edeff1;border-radius:6px;margin-top:16px}.InsightPostAttach__text__HN8Us{font-family:"sans", "Arial", sans-serif;font-size:14px;line-height:1.45;color:#3c425a;word-wrap:break-word;white-space:pre-wrap}.InsightPostAttach__text__HN8Us .InsightPostAttach__link__VNQMB{color:#3172f5}.InsightPostAttach__media__njMRc{width:100%}.InsightPostAttach__footer__Aiw\+d{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:16px}.InsightPostAttach__title__eYg-z{font-family:"serif", "Georgia", serif;font-weight:300;font-size:16px;line-height:1.4;color:#1c2234;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;margin-right:16px}.InsightPostAttach__actions__iLPmO{-webkit-flex-shrink:0;flex-shrink:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedPostPage__columnsWrapper__HsYOY{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.FeedPostPage__column__5d022{max-width:588px;-webkit-flex-shrink:0;flex-shrink:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PasswordReset__form__xkH3E{margin-top:32px;width:100%}@media screen and (min-width: 768px){.PasswordReset__form__xkH3E{margin-top:48px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Dashboard2020Page__dashboard2020Page__U5xdq{content:''}.Dashboard2020Page__module__13S6R,.Dashboard2020Page__trackerModule__I0Fwk{margin-bottom:48px}.Dashboard2020Page__module__13S6R.Dashboard2020Page__hide__K-RDo,.Dashboard2020Page__trackerModule__I0Fwk.Dashboard2020Page__hide__K-RDo{display:none}.Dashboard2020Page__trackerModule__I0Fwk{margin-bottom:24px}.Dashboard2020Page__content__7LIhb{padding:16px 12px;padding-bottom:0}@media screen and (min-width: 768px){.Dashboard2020Page__content__7LIhb{padding:16px;padding-bottom:0}}.Dashboard2020Page__chart__BhXgg{height:235px}.Dashboard2020Page__creditChart__1-WEj{padding:16px 12px}@media screen and (min-width: 768px){.Dashboard2020Page__creditChart__1-WEj{padding:64px 16px}}.Dashboard2020Page__netWorthRanking__FJeLk{padding-top:16px;padding-bottom:12px}.Dashboard2020Page__feedPopularTags__uuARQ{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:32px 0}.Dashboard2020Page__feedPopularTagsInner__5x-ct{max-width:375px}.Dashboard2020Page__headerLink__VO1mU{font-family:"sans", "Arial", sans-serif;font-size:14px;line-height:2;font-weight:500}.Dashboard2020Page__headerLink__VO1mU:hover .Dashboard2020Page__chevron__mFamy{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-o-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px)}.Dashboard2020Page__chevron__mFamy{-webkit-transition:-webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:-moz-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:-o-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:-ms-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);height:8px;width:8px;display:inline-block;padding-bottom:1px;margin-left:3px}.Dashboard2020Page__anchorPlaceholder__J-XIv{border-bottom:1px solid transparent;margin-bottom:-1px}.Dashboard2020Page__comparison__CTDyR{background-color:rgba(239,223,228,0.5);border:1px solid #ced5df;padding:7px;color:#9c546a;box-shadow:0 0 0 1px rgba(60,66,90,0.05),0 2px 10px rgba(60,66,90,0);font-family:"sans", "Arial", sans-serif;font-size:12px;border-radius:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:48px}@media screen and (min-width: 768px){.Dashboard2020Page__comparison__CTDyR{width:208px;margin-left:auto;margin-bottom:unset}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.QuickLookSection__quickLookSection__CRj2Q{background:-webkit-linear-gradient(top, #f5f6f7, #edeff1);background:-moz-linear-gradient(top, #f5f6f7, #edeff1);background:-o-linear-gradient(top, #f5f6f7, #edeff1);background:-ms-linear-gradient(top, #f5f6f7, #edeff1);background:linear-gradient(to bottom, #f5f6f7, #edeff1);border-bottom:1px solid #ced5df;padding:24px 0}@media screen and (min-width: 375px){.QuickLookSection__quickLookSection__CRj2Q{padding:24px 12px}}@media screen and (min-width: 415px){.QuickLookSection__quickLookSection__CRj2Q{padding:24px 16px}}@media screen and (min-width: 768px){.QuickLookSection__quickLookSection__CRj2Q{padding:24px 24px}}@media screen and (min-width: 1024px){.QuickLookSection__quickLookSection__CRj2Q{padding-top:12px}}@media screen and (min-width: 1440px){.QuickLookSection__quickLookSection__CRj2Q{padding-left:32px;padding-right:32px}}.QuickLookSection__headerWrapper__hjfvj{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;margin-bottom:24px}@media screen and (min-width: 375px){.QuickLookSection__headerWrapper__hjfvj{margin:0 0 24px}}@media screen and (min-width: 768px){.QuickLookSection__headerWrapper__hjfvj{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}}.QuickLookSection__networthSummaryWrapper__kWAfL{width:100%;margin-left:0;margin-right:0}@media screen and (min-width: 768px){.QuickLookSection__networthSummaryWrapper__kWAfL{width:65%;max-width:540px;margin:0}}.QuickLookSection__pageTitle__QLnFu{line-height:1;margin-top:0;margin-bottom:24px;margin-left:12px;left:0;position:relative}.QuickLookSection__pageTitle__QLnFu button{font-size:inherit;font-family:inherit;font-weight:inherit;color:inherit;text-transform:inherit;vertical-align:inherit;margin:0;padding:0;color:#3172f5}@media screen and (min-width: 375px){.QuickLookSection__pageTitle__QLnFu{margin-left:0}}@media screen and (min-width: 768px){.QuickLookSection__pageTitle__QLnFu{margin-bottom:0;margin-left:unset;display:unset}}.QuickLookSection__arrow__XF4gP{display:inline-block;margin-left:8px;border:4px solid transparent;border-top-color:#3172f5;-webkit-transform-origin:center 15%;-moz-transform-origin:center 15%;-o-transform-origin:center 15%;-ms-transform-origin:center 15%;transform-origin:center 15%;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;-ms-transition:-ms-transform 0.5s;transition:transform 0.5s;height:2px}@media screen and (min-width: 768px){.QuickLookSection__arrow__XF4gP{border-width:6px}}.QuickLookSection__expanded__\+Pf8B .QuickLookSection__arrow__XF4gP{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --section-horizontal-padding-mobile: 2px;
  --section-horizontal-padding-wider: 8px;
}

.NetworthSummary__sections__ghe5r {
  display: flex;
  flex-wrap: nowrap;
}

@media (min-width: 768px) {

.NetworthSummary__sections__ghe5r {
    justify-content: space-between;
}
  }

.NetworthSummary__section__LBmRr {
  position: relative;
  box-sizing: border-box;
  flex-basis: calc(100% / 3);
  flex-grow: 0;
  flex-shrink: 0;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.NetworthSummary__section__LBmRr:not(:last-child) {
    padding-right: var(--section-horizontal-padding-mobile);
  }

.NetworthSummary__section__LBmRr:nth-child(n+2) {
    padding-left: var(--section-horizontal-padding-mobile);
    border-left: 1px solid var(--silver);
  }

.NetworthSummary__section__LBmRr:nth-child(n+2)::before {
      left: calc(-1 * var(--section-horizontal-padding-mobile));
    }

@media (min-width: 768px) {

.NetworthSummary__section__LBmRr {
    flex: 1 1 0;
    top: 8px;
    padding-top: 0;
    padding-bottom: 8px;
}

    .NetworthSummary__section__LBmRr:not(:first-child) {
      padding-left: var(--section-horizontal-padding-wider);
      border-left: 1px solid var(--silver);
    }

    .NetworthSummary__section__LBmRr:not(:last-child) {
      padding-right: var(--section-horizontal-padding-wider);
    }
  }

.NetworthSummary__netWorth__jgL28 {
  color: var(--shale);
  white-space: nowrap;
}

@media (min-width: 1024px) {

.NetworthSummary__netWorth__jgL28 {
    color: var(--stone);
}
  }

.NetworthSummary__pointing__4btsZ {
  cursor: pointer;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.NetworthSummarySection__section__ie1hP {}

.NetworthSummarySection__title__Vk9mk {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    color: inherit;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
  /* title may contain more than one line and it shouldn't break the markup, so fixed height */
  color: var(--stone);
  margin-bottom: .5rem;
  position: relative;
  font-size: 10px;
  font-weight: var(--medium);
  height: 1.2rem;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (min-width: 375px) {

.NetworthSummarySection__title__Vk9mk {
    font-size: 12px;
}
  }

@media (min-width: 1024px) {

.NetworthSummarySection__title__Vk9mk {
    font-size: 14px;
}
  }

@media (min-width: 1440px) {

.NetworthSummarySection__title__Vk9mk {
    font-size: 14px;
}
  }

.NetworthSummarySection__body__JUfV- {
  color: var(--shale);
  font-size: 18px;
  letter-spacing: -.2px;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 320px) and (max-width: 374px) {

.NetworthSummarySection__body__JUfV- {
    font-size: 16px;
}
  }

@media (min-width: 375px) and (max-width: 414px) {

.NetworthSummarySection__body__JUfV- {
    font-size: 18px;
}
  }

@media (min-width: 375px) {

.NetworthSummarySection__body__JUfV- {
    font-size: 20px;
}
  }

@media (min-width: 768px) {

.NetworthSummarySection__body__JUfV- {
    font-size: 24px;
}
  }

@media (min-width: 1440px) {

.NetworthSummarySection__body__JUfV- {
    font-size: 26px;
}
  }

.NetworthSummarySection__switchButtonWrapper__Bk5ti {
  width: 12px;
  height: 12px;
  color: var(--action);
}

.NetworthSummarySection__switchButton__QwcGU {
  transform: rotate(90deg);
  cursor: pointer;
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.NetworthRank__yourPeers__q4zLr {
  color: var(--coral);
}

.NetworthRank__otherPeers__zWj0d {
  color: var(--merlot);
}

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.NetworthDelta__positiveDelta__h2J6m {
  color: var(--success);
}

.NetworthDelta__negativeDelta__iMJuH {
  color: var(--danger);
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.RecentTransactionsModule__recentTransactionsModule__IaoU9{content:''}.RecentTransactionsModule__group__KmysB{content:''}.RecentTransactionsModule__group__KmysB:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.RecentTransactionsModule__transaction__JTfji{padding:9px 16px 9px 14px;border-bottom:1px solid #cfd6e0}.RecentTransactionsModule__transaction__JTfji:last-child{border:none}.RecentTransactionsModule__emptyCopy__3ucXV{padding:0 16px}.RecentTransactionsModule__emptyCta__yCf3h{margin-top:32px;height:53px;max-width:276px;margin-left:auto;margin-right:auto}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.TransactionNarrowGroup__transactionNarrowGroup__mvmaD{color:#0b0014;background:#edeff1;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;height:32px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:0 16px;-webkit-flex-shrink:0;flex-shrink:0}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.CreditSummaryModule__creditSummaryModule__tCTnj {
  text-align: center;
}

.CreditSummaryModule__chartWrapper__3AzNc {
  margin-top: 3.5rem;
  margin-bottom: 2rem;
  text-align: left;
}

.CreditSummaryModule__label__v07BL {
  margin-top: 4px;
  font-size: 11px;
  color: var(--stone);
}

.CreditSummaryModule__linkCreditButtonWrapper__Brtqe {
  max-width: 112px;
  margin: 0 auto -16px;
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedPopularTags__feedModule__qBi2h{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.FeedPopularTags__tags__HFBYy{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.FeedPopularTags__tag__U0I0p{-webkit-transition:color var(--slow) var(--ease-out-expo), background var(--slow) var(--ease-out-expo);-moz-transition:color var(--slow) var(--ease-out-expo), background var(--slow) var(--ease-out-expo);-o-transition:color var(--slow) var(--ease-out-expo), background var(--slow) var(--ease-out-expo);-ms-transition:color var(--slow) var(--ease-out-expo), background var(--slow) var(--ease-out-expo);transition:color var(--slow) var(--ease-out-expo), background var(--slow) var(--ease-out-expo);border-radius:16px;border:1px solid #3172f5;color:#4a6da7;background-color:#f4f6fd;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;padding:5px 8px 4px 8px;margin:0 6px 8px 6px}.FeedPopularTags__tag__U0I0p:hover{background-color:rgba(49,114,245,0.42);color:#fff}.FeedPopularTags__questions__L7uzT{font-family:"serif", "Georgia", serif;font-weight:500;font-size:30px;color:#4d556c;margin-bottom:24px}.FeedPopularTags__button1__JTzUn{margin-bottom:16px}.FeedPopularTags__button1__JTzUn,.FeedPopularTags__button2__0E\+7N{width:256px}.FeedPopularTags__hint__lxudy{margin:16px 0;font-family:"sans", "Arial", sans-serif;font-size:16px;color:#6a7185}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.TopSpendingCategoriesModule__topSpendingCategoriesModule__VPQk2{content:''}.TopSpendingCategoriesModule__category__fXhhE{margin-bottom:8px}.TopSpendingCategoriesModule__legend__72J2c{box-shadow:0 1px 3px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);background-color:#fff;height:32px;padding:0 16px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:8px;border-radius:4px;overflow:hidden;-webkit-transition:height 400ms, opacity 400ms, margin-bottom 400ms;-moz-transition:height 400ms, opacity 400ms, margin-bottom 400ms;-o-transition:height 400ms, opacity 400ms, margin-bottom 400ms;-ms-transition:height 400ms, opacity 400ms, margin-bottom 400ms;transition:height 400ms, opacity 400ms, margin-bottom 400ms}.TopSpendingCategoriesModule__legend__72J2c.TopSpendingCategoriesModule__hideLegend__YFy8i{height:0;margin-bottom:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CategoryBreakdown__categoryBreakdown__XRJBa{border-radius:5px;padding:12px 0;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,0.35);-webkit-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);border-left:4px solid var(--color);-webkit-transition:border-left-color 400ms;-moz-transition:border-left-color 400ms;-o-transition:border-left-color 400ms;-ms-transition:border-left-color 400ms;transition:border-left-color 400ms}.CategoryBreakdown__categoryBreakdown__XRJBa:hover{box-shadow:0 0 0 1px rgba(60,66,90,0.05),0 20px 20px rgba(60,66,90,0.12)}.CategoryBreakdown__great__PuOXz{--color:#f2a422;--text-color:#b77a14;--background:#fef7eb}.CategoryBreakdown__less__UtTq9{--color:#57bd39;--text-color:#387a25;--background:#ecf8e8}.CategoryBreakdown__hideComparison__WA2Z\+{--color:transparent;--text-color:#4d556c;--background:#fff;content:''}.CategoryBreakdown__row__KhE2V{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.CategoryBreakdown__side__S9wuF{width:20%;-webkit-flex-shrink:0;flex-shrink:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;padding-left:6px;padding-top:1px}.CategoryBreakdown__middle__8Nutt{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;min-height:16px}.CategoryBreakdown__header__HDrba{margin-bottom:4px;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:16px;-webkit-transition:height 400ms;-moz-transition:height 400ms;-o-transition:height 400ms;-ms-transition:height 400ms;transition:height 400ms}.CategoryBreakdown__hideComparison__WA2Z\+ .CategoryBreakdown__header__HDrba{height:32px}.CategoryBreakdown__header__HDrba .CategoryBreakdown__middle__8Nutt{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:16px;color:#1c2234}.CategoryBreakdown__difference__gs3wD{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:12px;color:#4d556c;margin-bottom:4px;height:16px;overflow:hidden;-webkit-transition:height 400ms, opacity 400ms;-moz-transition:height 400ms, opacity 400ms;-o-transition:height 400ms, opacity 400ms;-ms-transition:height 400ms, opacity 400ms;transition:height 400ms, opacity 400ms}.CategoryBreakdown__difference__gs3wD .CategoryBreakdown__value__7d-RJ{font-weight:500;color:var(--text-color)}.CategoryBreakdown__hideComparison__WA2Z\+ .CategoryBreakdown__difference__gs3wD{height:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.CategoryBreakdown__content__Rzhkw .CategoryBreakdown__side__S9wuF{color:#404fa2;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:15px;text-align:center}.CategoryBreakdown__content__Rzhkw .CategoryBreakdown__side__S9wuF:last-of-type{color:#9ca5d9}.CategoryBreakdown__content__Rzhkw .CategoryBreakdown__note__jonAt{height:10px;overflow:hidden;-webkit-transition:height 400ms, opacity 400ms;-moz-transition:height 400ms, opacity 400ms;-o-transition:height 400ms, opacity 400ms;-ms-transition:height 400ms, opacity 400ms;transition:height 400ms, opacity 400ms}.CategoryBreakdown__hideComparison__WA2Z\+ .CategoryBreakdown__content__Rzhkw .CategoryBreakdown__note__jonAt{height:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.CategoryBreakdown__icon__0SUmh{width:22px;padding:10px;color:var(--text-color);background:var(--background);position:absolute;border-radius:4px;top:-12px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-transition:color 400ms, top 400ms, background 400ms;-moz-transition:color 400ms, top 400ms, background 400ms;-o-transition:color 400ms, top 400ms, background 400ms;-ms-transition:color 400ms, top 400ms, background 400ms;transition:color 400ms, top 400ms, background 400ms}.CategoryBreakdown__hideComparison__WA2Z\+ .CategoryBreakdown__icon__0SUmh{top:-21px}.CategoryBreakdown__note__jonAt{font-weight:500;letter-spacing:.17px;font-size:10px;margin-top:1px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.BreakdownChart__breakdownChart__ZNQ28{content:''}.BreakdownChart__bar__vYOT5{margin-bottom:2px;-webkit-transition:margin-bottom 400ms;-moz-transition:margin-bottom 400ms;-o-transition:margin-bottom 400ms;-ms-transition:margin-bottom 400ms;transition:margin-bottom 400ms}.BreakdownChart__bar__vYOT5:last-child{margin:0}.BreakdownChart__hideComparison__0jKm9 .BreakdownChart__bar__vYOT5{margin-bottom:8px}.BreakdownChart__comparison__pmyRj{-webkit-transition:height 400ms, opacity 400ms;-moz-transition:height 400ms, opacity 400ms;-o-transition:height 400ms, opacity 400ms;-ms-transition:height 400ms, opacity 400ms;transition:height 400ms, opacity 400ms;height:8px;overflow:hidden}.BreakdownChart__hideComparison__0jKm9 .BreakdownChart__comparison__pmyRj{height:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);margin-bottom:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.BarBreakdown__barBreakdown__XRs-C{position:relative}.BarBreakdown__member__NcH5n{--amount-color:#404fa2;--projected-color:#cdd2ec;height:15px}.BarBreakdown__peers__XSycC{--amount-color:#f88484;--projected-color:#fccece;height:8px}.BarBreakdown__others__QgQY4{--amount-color:#b06078;--projected-color:#dfbfc9;height:8px}.BarBreakdown__line__s-WHi{position:absolute;top:0;left:0;height:100%}.BarBreakdown__amount__y3jYR{background-color:var(--amount-color)}.BarBreakdown__projected__JRJpO{background-color:var(--projected-color);border-top-right-radius:2px;border-bottom-right-radius:2px}.BarBreakdown__tooltip__A1nHK{position:absolute;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);left:var(--left);-webkit-transform:translate(-50%,-100%);-moz-transform:translate(-50%,-100%);-o-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);-webkit-transition:opacity 250ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 250ms cubic-bezier(0.86, 0, 0.07, 1);-moz-transition:opacity 250ms cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 250ms cubic-bezier(0.86, 0, 0.07, 1);-o-transition:opacity 250ms cubic-bezier(0.86, 0, 0.07, 1), -o-transform 250ms cubic-bezier(0.86, 0, 0.07, 1);-ms-transition:opacity 250ms cubic-bezier(0.86, 0, 0.07, 1), -ms-transform 250ms cubic-bezier(0.86, 0, 0.07, 1);transition:opacity 250ms cubic-bezier(0.86, 0, 0.07, 1), transform 250ms cubic-bezier(0.86, 0, 0.07, 1);pointer-events:none}.BarBreakdown__projected__JRJpO:hover ~ .BarBreakdown__tooltip__A1nHK{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translate(-50%,-130%);-moz-transform:translate(-50%,-130%);-o-transform:translate(-50%,-130%);-ms-transform:translate(-50%,-130%);transform:translate(-50%,-130%)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Bar__bar__dIye3{height:100%;-webkit-transition:width 400ms;-moz-transition:width 400ms;-o-transition:width 400ms;-ms-transition:width 400ms;transition:width 400ms}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AccountsSummaryModule__accountsSummaryModule__mqshF{content:''}.AccountsSummaryModule__legend__HtbZA{margin-bottom:9px}.AccountsSummaryModule__chart__qkFdN{margin-bottom:16px;margin-left:24px;margin-right:24px}.AccountsSummaryModule__competitive__oI5YY{margin-bottom:4px}.AccountsSummaryModule__actions__klmim{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:16px}.AccountsSummaryModule__header__aFNZQ{height:unset}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.BarChart__barChart__WyrCf{border-left:1px solid #ced5df;padding:4px 0}.BarChart__bar__AIdo9{margin-bottom:4px;height:8px;border-top-right-radius:2px;border-bottom-right-radius:2px}.BarChart__member__6x\+Br{height:16px;background-color:#404fa2}.BarChart__peer__lp7Lk{background-color:#f88484}.BarChart__other__icrb1{background-color:#b06078;margin-bottom:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CompetitiveAccounts__competitiveAccounts__MHIUD{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding-top:18px;border-top:1px solid #edeff1}.CompetitiveAccounts__competitiveAccountsSummary__nv4he{font-family:"sans", "Arial", sans-serif;font-size:14px;line-height:1.45;color:#6a7185;white-space:normal;margin-left:18px}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.MoneyflowTrackers__trackerRow__9CD56 {
  margin-bottom: var(--space-tiny);
}

.MoneyflowTrackers__trackerRow__9CD56:first-child {
    margin-top: 34px;
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.MoneyflowTracker__moneyflowTracker__ZjrFg {}

.MoneyflowTracker__moneyflowTrackerInner__mDPpm {
  border-left: 4px solid;
  padding: var(--space-tiny) var(--space-default);
  border-radius: 5px;
  background: var(--salt);
  font-family: var(--sans);
  cursor: pointer;
  will-change: box-shadow;
  display: flex;
  flex-direction: column;
  margin-top: -24px;
  position: relative;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    transition: box-shadow var(--fast) var(--ease-out);
}

.MoneyflowTracker__moneyflowTrackerInner__mDPpm:hover {
      box-shadow:
        0 0 0 1px color(var(--slate) a(5%)),
        0 20px 20px color(var(--slate) a(12%));
    }

@media (min-width: 768px) {

.MoneyflowTracker__moneyflowTrackerInner__mDPpm {
    padding: var(--space-tiny) var(--space-medium);
}
  }

@media (min-width: 1440px) {

.MoneyflowTracker__moneyflowTrackerInner__mDPpm {
    padding: var(--space-small) var(--space-large);
}
  }

.MoneyflowTracker__tracker__L\+cdD {
  align-items: center;
  background: var(--salt);
  color: var(--body-text-color);
  z-index: 2;
}

@media (min-width: 768px) {

.MoneyflowTracker__tracker__L\+cdD {
    display: flex;
}
  }

.MoneyflowTracker__trackerInner__dwSlc {
  margin-top: -42px;
  margin-bottom: 16px;
  transition: padding var(--fast) var(--ease-out),
    margin var(--fast) var(--ease-out),
    opacity var(--fast) var(--instant-ease-out);
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}

@media (min-width: 375px) {

.MoneyflowTracker__trackerInner__dwSlc {
    padding-left: 2.5rem;
}
  }

@media (min-width: 768px) {

.MoneyflowTracker__trackerInner__dwSlc {
    padding-left: 0;
}
  }

.MoneyflowTracker__expanded__yJF4Z .MoneyflowTracker__trackerInner__dwSlc {
  transition: padding var(--fast) var(--ease-in),
    margin var(--fast) var(--ease-in),
    opacity var(--fast) var(--instant-ease-in);
  margin-top: var(--space-small);
  margin-bottom: var(--space-large);
  opacity: 1;
  pointer-events: unset;
  z-index: 3;
  padding-bottom: var(--space-default);
}

.MoneyflowTracker__actionLinks__hTGGO {
  display: block;
  position: relative;
  bottom: 42px;
  text-align: right;
  opacity: 0;
  transition: padding var(--fast) var(--ease-out),
    margin var(--fast) var(--ease-out),
    opacity var(--fast) var(--instant-ease-out);
  margin-right: 16px;
  pointer-events: none;
}

@media (min-width: 768px) {

.MoneyflowTracker__actionLinks__hTGGO {
    margin-right: 24px;
}
  }

.MoneyflowTracker__linkWrapper__lwv6r {
  margin-left: 16px;
}

.MoneyflowTracker__expanded__yJF4Z .MoneyflowTracker__actionLinks__hTGGO {
  transition: padding var(--fast) var(--ease-in),
    margin var(--fast) var(--ease-in),
    opacity var(--fast) var(--instant-ease-in);
  opacity: 1;
  pointer-events: unset;
}

.MoneyflowTracker__trackerIcon__hDfSJ {
  color: var(--stone);
  display: inline-block;
  flex-shrink: 0;
  width: var(--space-medium);
  height: var(--space-medium);
  margin-right: var(--space-default);
}

@media (min-width: 768px) {

.MoneyflowTracker__trackerIcon__hDfSJ {
    margin-right: var(--space-medium);
}
  }

.MoneyflowTracker__nameWrapper__aAu3h {
  width: 100%;
  margin-bottom: 4px;
}

@media (min-width: 768px) {

.MoneyflowTracker__nameWrapper__aAu3h {
    width: 19rem;
    margin: 0;
}
  }

.MoneyflowTracker__name__20XYk {
    color: var(--body-text-color);
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.2;
    font-weight: var(--medium);
  color: var(--heading-text-color);
  position: relative;
  top: 1px;
  width: 100%;
  margin-right: 2.4rem;
}

.MoneyflowTracker__trackerDetails__FG0vb {
  font-size: 1rem;
  line-height: 1.25;
}

@media (min-width: 375px) {

.MoneyflowTracker__trackerDetails__FG0vb {
    padding-left: 2.5rem;
}
  }

@media (min-width: 768px) {

.MoneyflowTracker__trackerDetails__FG0vb {
    padding-left: .55rem;
    border-left: 4px solid;
}
  }

@media (min-width: 1024px) {

.MoneyflowTracker__trackerDetails__FG0vb {
    max-width: 19rem;
}
  }

@media (min-width: 1060px) {

.MoneyflowTracker__trackerDetails__FG0vb {
    max-width: 21rem;
}
  }

.MoneyflowTracker__danger__0e-Ot {
  color: var(--danger);
}

.MoneyflowTracker__danger__0e-Ot .MoneyflowTracker__trackerDetails__FG0vb {
    border-color: var(--danger);
  }

.MoneyflowTracker__danger__0e-Ot .MoneyflowTracker__value__8FaHL {
    color: var(--danger);
  }

.MoneyflowTracker__warning__\+Q24S {
  color: var(--warning);
}

.MoneyflowTracker__warning__\+Q24S .MoneyflowTracker__trackerDetails__FG0vb {
    border-color: var(--warning);
  }

.MoneyflowTracker__warning__\+Q24S .MoneyflowTracker__value__8FaHL {
    color: var(--warning);
  }

.MoneyflowTracker__onTrack__DICwf {
  color: var(--success);
}

.MoneyflowTracker__onTrack__DICwf .MoneyflowTracker__trackerDetails__FG0vb {
    color: var(--success);
  }

.MoneyflowTracker__emphasis__ZCxtA .MoneyflowTracker__value__8FaHL {
    font-weight: var(--medium);
  }

.MoneyflowTracker__text__1E3jK {
  padding-top: .25rem;
  color: var(--smoke);
  font-size: 14px;
}

.MoneyflowTracker__text__1E3jK .MoneyflowTracker__value__8FaHL {
    color: var(--smoke);
  }

/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

:root {
  --onboarding-sidebar-one-column-width: 20rem;
  --onboarding-sidebar-large-width: 30rem;

  /* General */

  /* Tooltip */

  /* Layout */

  /* Onboarding */

  /* Table */

  /* Tab */
}

.MoneyflowTrackerChart__textCenter__Hfeg6 {
  text-align: center;
}

:root {
  --bar-height: 24px;
}

.MoneyflowTrackerChart__moneyflowTrackerChart__x9vU1 {
  position: relative;
  width: 100%;
  height: var(--bar-height);
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  background: var(--snow);
}

.MoneyflowTrackerChart__moneyflowTrackerChart__x9vU1[data-shown-tooltip="current"] .MoneyflowTrackerChart__current__TfJon .MoneyflowTrackerChart__tooltipContainer__tCLH3 {
    visibility: visible;
    transform: translateY(-.34rem) translateX(-50%);
    opacity: 1;
  }

.MoneyflowTrackerChart__moneyflowTrackerChart__x9vU1[data-shown-tooltip="projection"] .MoneyflowTrackerChart__projection__a9COq .MoneyflowTrackerChart__tooltipContainer__tCLH3 {
    visibility: visible;
    transform: translateY(-.34rem) translateX(-50%);
    opacity: 1;
  }

.MoneyflowTrackerChart__moneyflowTrackerChart__x9vU1[data-shown-tooltip="limit"] .MoneyflowTrackerChart__limit__I2WFV .MoneyflowTrackerChart__tooltipContainer__tCLH3 {
    visibility: visible;
    transform: translateY(-.34rem) translateX(-50%);
    opacity: 1;
  }

.MoneyflowTrackerChart__moneyflowBar__SszYc {
  position: absolute;
  height: var(--bar-height);
  border-radius: 2px;
  color: var(--light-text-color);
  font-size: .7rem;
  font-weight: 600;
}

.MoneyflowTrackerChart__value__kAf19 {
  position: absolute;
  right: .7rem;
  display: inline-block;
  line-height: var(--bar-height);
  font-size: .8rem;
}

.MoneyflowTrackerChart__value__kAf19.MoneyflowTrackerChart__negativeValue__i1ohn {
    min-width: 2.1rem;
  }

.MoneyflowTrackerChart__outerLabel__DLRSg {
  right: auto;
  left: calc(100% + .7rem);
  color: var(--oxford);
}

.MoneyflowTrackerChart__current__TfJon {
  z-index: 9;
  background-color: var(--oxford);
  text-align: right;
}

.MoneyflowTrackerChart__projection__a9COq {
  border-color: var(--light-success);
  background: var(--light-success);
}

.MoneyflowTrackerChart__projection__a9COq.MoneyflowTrackerChart__warning__nQOXe {
    background: var(--light-warning);
  }

.MoneyflowTrackerChart__projection__a9COq.MoneyflowTrackerChart__over__a75wz {
    background: var(--light-danger);
  }

.MoneyflowTrackerChart__over__a75wz {
  border-color: var(--danger);
  background-color: var(--danger);
}

.MoneyflowTrackerChart__limit__I2WFV {
  position: absolute;
  z-index: 10;
  display: flex;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  align-items: center;
  border: 3px solid var(--oxford);
  border-color: var(--oxford);
  border-radius: 100%;
  transform: translateX(-.55rem);
  background: var(--salt);
}

.MoneyflowTrackerChart__limit__I2WFV:hover > .MoneyflowTrackerChart__tooltipContainer__tCLH3 {
    visibility: visible;
    transform: translateY(-.34rem) translateX(-50%);
    opacity: 1;
    }

.MoneyflowTrackerChart__limit__I2WFV::before,
  .MoneyflowTrackerChart__limit__I2WFV::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 2px;
    height: 9px;
    margin-left: -1px;
    background: var(--oxford);
  }

.MoneyflowTrackerChart__limit__I2WFV::before {
    top: -10px;
  }

.MoneyflowTrackerChart__limit__I2WFV::after {
    top: 19px;
  }

.MoneyflowTrackerChart__limit__I2WFV > .MoneyflowTrackerChart__tooltipContainer__tCLH3 {
    position: absolute;
    z-index: 11;
    bottom: calc(100% + .48rem);
    left: 50%;
    display: inline-block;
    visibility: hidden;
    transform: translateY(0) translateX(-50%);
    opacity: 0;
    transition: opacity var(--fast) var(--ease-out-quint), transform var(--fast) var(--ease-out-quint);
  }

.MoneyflowTrackerChart__limitDot__cYr8a {
  width: 8px;
  height: 8px;
  margin: 0 auto;
  border-radius: 100%;
  background: var(--oxford);
}

.MoneyflowTrackerChart__tooltipContainer__tCLH3 {
    position: absolute;
    z-index: 11;
    bottom: calc(100% + .48rem);
    left: 50%;
    display: inline-block;
    visibility: hidden;
    transform: translateY(0) translateX(-50%);
    opacity: 0;
    transition: opacity var(--fast) var(--ease-out-quint), transform var(--fast) var(--ease-out-quint);
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LinkedAccountsPage__linkedAccountsPage__\+mhjD{content:''}.LinkedAccountsPage__header__DHALf{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:stretch;-moz-box-pack:stretch;-o-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;margin-bottom:16px;margin-left:12px;margin-right:12px}@media screen and (min-width: 375px){.LinkedAccountsPage__header__DHALf{margin-left:16px;margin-right:16px}}@media screen and (min-width: 415px){.LinkedAccountsPage__header__DHALf{margin-left:0;margin-right:0}}@media screen and (min-width: 768px){.LinkedAccountsPage__header__DHALf{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:54px}}.LinkedAccountsPage__pageTitle__8VdLF{margin:0;margin-bottom:24px}@media screen and (min-width: 768px){.LinkedAccountsPage__pageTitle__8VdLF{margin-bottom:0}}.LinkedAccountsPage__pageAction__QrDnI{justify-self:end;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;margin-left:0;margin-bottom:16px}@media screen and (min-width: 768px){.LinkedAccountsPage__pageAction__QrDnI{margin-left:16px;margin-bottom:0;width:200px}}@media screen and (min-width: 1280px){.LinkedAccountsPage__pageAction__QrDnI{margin-left:24px}}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.LinkedAccounts__linkedAccounts__tAYLt {
  margin-bottom: 40px;
  width: 100%;
  background: var(--salt);
}

.LinkedAccounts__subtitle__uSLho {
  margin: 50px 0;
  color: var(--smoke);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
}

.LinkedAccounts__linkedAccountList__puyXm {}

.LinkedAccounts__linkedAccountListItem__HKe-n:not(:last-child) {
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: solid 1px var(--silver);
  }

.LinkedAccounts__header__GzlWA {
  background-color: var(--satin);
  color: var(--body-text-color);
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: space-evenly;
  font-size: 12px;
  border-bottom: 1px solid var(--silver);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.LinkedAccounts__header__GzlWA button:hover {
    color: var(--action);
  }

@media (min-width: 768px) {

.LinkedAccounts__header__GzlWA {
    justify-content: unset;
}
  }

.LinkedAccounts__filters__32Si4 {
  margin-bottom: 12px;
  text-align: center;
}

@media (min-width: 768px) {

.LinkedAccounts__filters__32Si4 {
    text-align: left;
}
  }

.LinkedAccounts__filters__32Si4 button {
    color: var(--action);
  }

.LinkedAccounts__selectedFilter__3pTd6 {
  background: var(--action);
  border-radius: 5px;
}

.LinkedAccounts__selectedFilter__3pTd6 button {
    color: var(--salt);
  }

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LinkedAccounts__linkedAccounts__-oX5i{margin-bottom:72px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LinkedAccount__accountItem__imBHr{--desktop-row-height:63px;color:#4d556c;font-family:"sans", "Arial", sans-serif;font-weight:300;font-size:16px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}@media screen and (min-width: 768px){.LinkedAccount__accountItem__imBHr{border-bottom:unset;-webkit-box-pack:initial;-moz-box-pack:initial;-o-box-pack:initial;-ms-flex-pack:initial;-webkit-justify-content:initial;justify-content:initial}}.LinkedAccount__accountItem__imBHr:nth-child(2) .LinkedAccount__cell__CUMdG{border-top:unset}.LinkedAccount__unlinked__jn0bG .LinkedAccount__name__aSMrr,.LinkedAccount__unlinked__jn0bG .LinkedAccount__amount__rzeuG,.LinkedAccount__unlinked__jn0bG .LinkedAccount__categoryName__khZkE{color:#ced5df}.LinkedAccount__providerName__Rb1X5{width:100%}@media screen and (min-width: 768px){.LinkedAccount__providerName__Rb1X5{width:33%}}.LinkedAccount__name__aSMrr{width:55%}@media screen and (min-width: 768px){.LinkedAccount__name__aSMrr{width:23%}}.LinkedAccount__shy__Xt6kq{color:#ced5df}.LinkedAccount__amount__rzeuG,.LinkedAccount__liveUpdatePreloader__MpJ49{width:45%}@media screen and (min-width: 768px){.LinkedAccount__amount__rzeuG,.LinkedAccount__liveUpdatePreloader__MpJ49{width:18%}}.LinkedAccount__categoryName__khZkE{text-transform:capitalize}@media screen and (min-width: 768px){.LinkedAccount__categoryName__khZkE{width:18%}}.LinkedAccount__actions__u5NHC{width:50%}@media screen and (min-width: 768px){.LinkedAccount__actions__u5NHC{width:8%}}.LinkedAccount__cell__CUMdG{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 768px){.LinkedAccount__cell__CUMdG{border-top:1px solid #ced5df;min-height:var(--desktop-row-height);-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}}.LinkedAccount__headerCell__HE4JU{border-top:unset}.LinkedAccount__headerCell__HE4JU.LinkedAccount__providerName__Rb1X5,.LinkedAccount__headerCell__HE4JU.LinkedAccount__name__aSMrr,.LinkedAccount__headerCell__HE4JU.LinkedAccount__amount__rzeuG,.LinkedAccount__headerCell__HE4JU.LinkedAccount__categoryName__khZkE{font-size:inherit;padding:0;width:auto;margin-right:8px;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:transparent}@media screen and (min-width: 768px){.LinkedAccount__headerCell__HE4JU{font-size:unset}.LinkedAccount__headerCell__HE4JU.LinkedAccount__providerName__Rb1X5,.LinkedAccount__headerCell__HE4JU.LinkedAccount__name__aSMrr,.LinkedAccount__headerCell__HE4JU.LinkedAccount__amount__rzeuG,.LinkedAccount__headerCell__HE4JU.LinkedAccount__categoryName__khZkE{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:start;align-items:start;margin-right:unset}.LinkedAccount__headerCell__HE4JU.LinkedAccount__providerName__Rb1X5{width:33%;padding-left:30px}.LinkedAccount__headerCell__HE4JU.LinkedAccount__categoryName__khZkE{width:18%}.LinkedAccount__headerCell__HE4JU.LinkedAccount__name__aSMrr{width:23%}.LinkedAccount__headerCell__HE4JU.LinkedAccount__amount__rzeuG{width:18%}}.LinkedAccount__providerName__Rb1X5{background-color:#f4f6fd;font-size:14px;letter-spacing:-.16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:4px 16px;min-height:32px;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.LinkedAccount__providerName__Rb1X5:empty{display:none}@media screen and (min-width: 768px){.LinkedAccount__providerName__Rb1X5{background-color:unset;font-size:16px;padding:0 16px 0 30px;min-height:var(--desktop-row-height)}.LinkedAccount__inactive__C8beI .LinkedAccount__providerName__Rb1X5{padding-right:32px}.LinkedAccount__providerName__Rb1X5:empty{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;border-top:unset}}.LinkedAccount__providerSpan__XUNi0{overflow:hidden}@media screen and (min-width: 768px){.LinkedAccount__providerSpan__XUNi0{margin-bottom:calc(-1 * var(--desktop-row-height) * var(--span-rows))}}.LinkedAccount__name__aSMrr{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;letter-spacing:-.2px;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;padding:8px 16px 12px 12px;position:relative;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.LinkedAccount__name__aSMrr .LinkedAccount__note__pzLWN{width:100%}@media screen and (min-width: 375px){.LinkedAccount__name__aSMrr{padding-right:16px}}@media screen and (min-width: 768px){.LinkedAccount__name__aSMrr{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:0}}.LinkedAccount__amount__rzeuG{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;letter-spacing:-.2px;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;font-weight:500;padding:8px 12px 12px 6px;text-align:right}@media screen and (min-width: 768px){.LinkedAccount__amount__rzeuG{font-size:16px;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;text-align:left;padding:0}}.LinkedAccount__unlinked__jn0bG .LinkedAccount__amount__rzeuG{font-weight:300}.LinkedAccount__categoryName__khZkE{font-size:12px;letter-spacing:-.16px;padding:12px 12px 0 12px}.LinkedAccount__categoryName__khZkE:not(.LinkedAccount__headerCell__HE4JU){bottom:2px}@media screen and (min-width: 768px){.LinkedAccount__categoryName__khZkE{font-size:inherit;letter-spacing:-.2px;padding:0}.LinkedAccount__categoryName__khZkE:not(.LinkedAccount__headerCell__HE4JU){position:unset;bottom:unset}}.LinkedAccount__actions__u5NHC{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;padding-right:12px;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;margin-bottom:12px;position:relative;top:10px}@media screen and (min-width: 768px){.LinkedAccount__actions__u5NHC{padding-left:12px;padding-right:unset;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:unset;-webkit-transform:unset;-moz-transform:unset;-o-transform:unset;-ms-transform:unset;transform:unset;top:unset}}.LinkedAccount__message__nm-aG{color:#e34242;position:relative;text-align:right}@media screen and (min-width: 768px){.LinkedAccount__message__nm-aG{text-align:left}}@media screen and (min-width: 768px){.LinkedAccount__emptyState__7vWUP{padding-left:0}}.LinkedAccount__groupSum__R2naD{font-weight:500;color:#404fa2}.LinkedAccount__categoryNameGrouped__kJdKn{content:''}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.OrderBy__orderBy__ISwWP{border:none;padding:0;background-color:transparent;cursor:pointer;text-transform:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:inherit;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:inherit;letter-spacing:-.42px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.OrderBy__orderBy__ISwWP:focus{outline:none}.OrderBy__orderBy__ISwWP:disabled{cursor:default}.OrderBy__orderBy__ISwWP:not(:disabled):active{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.OrderBy__orderBy__ISwWP::before{display:none}.OrderBy__title__UGL-u{content:''}.OrderBy__direction__b8Dsu{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;visibility:hidden;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-left:4px;font-family:"AtlasGrotesk", "Helvetica", sans-serif;font-size:10px}@media screen and (min-width: 375px){.OrderBy__direction__b8Dsu{margin-left:5px}}.OrderBy__asc__ANEFW .OrderBy__direction__b8Dsu,.OrderBy__desc__KeEfV .OrderBy__direction__b8Dsu{visibility:visible;line-height:1.2}.OrderBy__desc__KeEfV .OrderBy__arrowUp__\+63tJ{color:#6a7185}.OrderBy__asc__ANEFW .OrderBy__arrowUp__\+63tJ{color:#3172f5}.OrderBy__asc__ANEFW .OrderBy__arrowDown__zacEU{color:#6a7185}.OrderBy__desc__KeEfV .OrderBy__arrowDown__zacEU{color:#3172f5}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LinkedAccountLayout__linkedAccountLayout__vor8\+{--desktop-row-height:63px;--desktop-columns:33% 23% 18% 18% 8%;--desktop-areas:"provider account balance category actions";--mobile-spacer:12px;display:grid;gap:0 0;width:100%;border-bottom:1px solid #ced5df}@media screen and (min-width: 768px){.LinkedAccountLayout__linkedAccountLayout__vor8\+{font-size:16px}}.LinkedAccountLayout__linkedAccountLayout__vor8\+.LinkedAccountLayout__byProvider__1\+Tbi{grid-template-columns:var(--mobile-spacer) auto 130px var(--mobile-spacer);grid-template-rows:auto auto auto 0;row-gap:var(--mobile-spacer);grid-template-areas:"provider provider provider provider" "leftPadding category actions rightPadding" "leftPadding account balance rightPadding" "leftPadding bottomPadding bottomPadding rightPadding"}@media screen and (min-width: 768px){.LinkedAccountLayout__linkedAccountLayout__vor8\+.LinkedAccountLayout__byProvider__1\+Tbi{grid-template-areas:var(--desktop-areas);grid-template-columns:var(--desktop-columns);grid-template-rows:auto}}.LinkedAccountLayout__linkedAccountLayout__vor8\+.LinkedAccountLayout__byCategory__maQO6{grid-template-columns:var(--mobile-spacer) auto 130px var(--mobile-spacer);grid-template-rows:auto auto auto 0;row-gap:var(--mobile-spacer);grid-template-areas:"category category category category" "leftPadding account balance rightPadding" "leftPadding provider actions rightPadding" "leftPadding bottomPadding bottomPadding rightPadding"}@media screen and (min-width: 768px){.LinkedAccountLayout__linkedAccountLayout__vor8\+.LinkedAccountLayout__byCategory__maQO6{grid-template-areas:var(--desktop-areas);grid-template-columns:var(--desktop-columns);grid-template-rows:auto}}.LinkedAccountLayout__unlinked__ln-a4{content:''}.LinkedAccountLayout__provider__pJwXg{min-width:0;grid-area:provider;z-index:1}.LinkedAccountLayout__byProvider__1\+Tbi .LinkedAccountLayout__provider__pJwXg{display:none;height:32px;padding:4px 12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px;background-color:#f4f6fd}@media screen and (min-width: 768px){.LinkedAccountLayout__byProvider__1\+Tbi .LinkedAccountLayout__provider__pJwXg{height:auto;padding:0;background-color:unset}}@media screen and (min-width: 768px){.LinkedAccountLayout__byProvider__1\+Tbi .LinkedAccountLayout__provider__pJwXg{background-color:#fff}}.LinkedAccountLayout__byProvider__1\+Tbi.LinkedAccountLayout__isFirst__ChkKL .LinkedAccountLayout__provider__pJwXg{display:block}@media screen and (min-width: 768px){.LinkedAccountLayout__provider__pJwXg{margin-bottom:calc(-1 * var(--desktop-row-height) * var(--span-rows));background-color:#fff}}.LinkedAccountLayout__providerContent__9v6\+k{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-word}@media screen and (min-width: 768px){.LinkedAccountLayout__providerContent__9v6\+k{font-size:16px;padding:16px;padding-left:30px;min-height:var(--desktop-row-height);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;white-space:unset;overflow:visible}}.LinkedAccountLayout__category__9kSnP{grid-area:category;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-size:12px}@media screen and (min-width: 768px){.LinkedAccountLayout__category__9kSnP{min-height:var(--desktop-row-height);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;font-size:16px}}.LinkedAccountLayout__byCategory__maQO6 .LinkedAccountLayout__category__9kSnP{display:none;height:32px;padding:4px 12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px;background-color:#f4f6fd}@media screen and (min-width: 768px){.LinkedAccountLayout__byCategory__maQO6 .LinkedAccountLayout__category__9kSnP{height:auto;padding:0;background-color:unset}}@media screen and (min-width: 768px){.LinkedAccountLayout__byCategory__maQO6 .LinkedAccountLayout__category__9kSnP{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;font-size:16px}}.LinkedAccountLayout__byCategory__maQO6.LinkedAccountLayout__isFirst__ChkKL .LinkedAccountLayout__category__9kSnP{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}@media screen and (min-width: 768px){.LinkedAccountLayout__byCategory__maQO6.LinkedAccountLayout__isFirst__ChkKL .LinkedAccountLayout__category__9kSnP{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}}@media screen and (min-width: 768px){.LinkedAccountLayout__unlinked__ln-a4 .LinkedAccountLayout__category__9kSnP{color:#ced5df}}.LinkedAccountLayout__sum__9Ebh5{display:none}.LinkedAccountLayout__byCategory__maQO6 .LinkedAccountLayout__sum__9Ebh5{display:block;-webkit-flex-shrink:0;flex-shrink:0}@media screen and (min-width: 768px){.LinkedAccountLayout__byCategory__maQO6 .LinkedAccountLayout__sum__9Ebh5{display:none}}.LinkedAccountLayout__actions__UcUK2{grid-area:actions;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}@media screen and (min-width: 768px){.LinkedAccountLayout__actions__UcUK2{min-height:var(--desktop-row-height);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding-left:12px}}.LinkedAccountLayout__account__I5aqK{grid-area:account;padding-right:20px}@media screen and (min-width: 768px){.LinkedAccountLayout__account__I5aqK{min-height:var(--desktop-row-height);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}}.LinkedAccountLayout__unlinked__ln-a4 .LinkedAccountLayout__account__I5aqK{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}.LinkedAccountLayout__byCategory__maQO6 .LinkedAccountLayout__account__I5aqK{font-weight:500}.LinkedAccountLayout__balance__TrcZE{grid-area:balance;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){.LinkedAccountLayout__balance__TrcZE{min-height:var(--desktop-row-height);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding-right:20px}}.LinkedAccountLayout__unlinked__ln-a4 .LinkedAccountLayout__balance__TrcZE{color:#6a7185;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}.LinkedAccountLayout__leftPadding__VX2ha{grid-area:leftPadding}@media screen and (min-width: 768px){.LinkedAccountLayout__leftPadding__VX2ha{display:none}}.LinkedAccountLayout__rightPadding__9PMyn{grid-area:rightPadding}@media screen and (min-width: 768px){.LinkedAccountLayout__rightPadding__9PMyn{display:none}}.LinkedAccountLayout__bottomPadding__4-ykk{grid-area:bottomPadding}@media screen and (min-width: 768px){.LinkedAccountLayout__bottomPadding__4-ykk{display:none}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LinkedAccountName__accountName__Iq3-H{word-break:break-word;overflow-wrap:break-word;letter-spacing:-.2px}.LinkedAccountName__note__XpBLZ{font-size:11px;letter-spacing:-.5px;font-weight:400;color:#8c95a5;margin-top:4px;width:100%}@media screen and (min-width: 768px){.LinkedAccountName__note__XpBLZ{font-size:12px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AccountActions__actions__6zHMR{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-flex-shrink:0;flex-shrink:0;position:relative;top:3px}@media screen and (min-width: 768px){.AccountActions__actions__6zHMR{width:8%}}.AccountActions__actionMenuContainer__XezR8{position:relative;padding:5px 8px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:rgba(49,114,245,0.2);border-radius:6px;-webkit-transition:background 650ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:background 650ms cubic-bezier(0.19, 1, 0.22, 1);-o-transition:background 650ms cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:background 650ms cubic-bezier(0.19, 1, 0.22, 1);transition:background 650ms cubic-bezier(0.19, 1, 0.22, 1)}@media screen and (min-width: 768px){.AccountActions__actionMenuContainer__XezR8{margin-right:4px}}@media (hover:hover){.AccountActions__actionMenuContainer__XezR8:hover{background:#3172f5}.AccountActions__actionMenuContainer__XezR8:active{background:rgba(49,114,245,0.85)}}.AccountActions__actionMenuButton__hviA-{border:none;padding:0;background-color:transparent;cursor:pointer;position:relative;width:16px;height:4px;cursor:pointer}.AccountActions__actionMenuButton__hviA-:focus{outline:none}.AccountActions__actionMenuButton__hviA-:disabled{cursor:default}.AccountActions__actionMenuButton__hviA-::before{content:'';top:-14px;left:-8px;width:32px;height:32px;position:absolute}.AccountActions__actionMenu__B0Y6Y{position:absolute;z-index:2;right:4px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);visibility:hidden;-webkit-transition:opacity 150ms ease;-moz-transition:opacity 150ms ease;-o-transition:opacity 150ms ease;-ms-transition:opacity 150ms ease;transition:opacity 150ms ease}@media screen and (min-width: 768px){.AccountActions__actionMenu__B0Y6Y{right:-48px}}.AccountActions__actionMenu__B0Y6Y.AccountActions__actionMenuShown__i-v2H{opacity:1;-ms-filter:none;filter:none;visibility:visible}.AccountActions__above__3wZXY .AccountActions__actionMenu__B0Y6Y{bottom:8px}.AccountActions__below__QYhVh .AccountActions__actionMenu__B0Y6Y{top:8px}.AccountActions__actionMenuButton__hviA- .AccountActions__actionButton__0NiMZ,.AccountActions__actionMenuButton__hviA- .AccountActions__actionButton__0NiMZ::before,.AccountActions__actionMenuButton__hviA- .AccountActions__actionButton__0NiMZ::after{background-color:#3172f5}@media (hover:hover){.AccountActions__actionMenuContainer__XezR8:hover .AccountActions__actionButton__0NiMZ,.AccountActions__actionMenuContainer__XezR8:hover .AccountActions__actionButton__0NiMZ::before,.AccountActions__actionMenuContainer__XezR8:hover .AccountActions__actionButton__0NiMZ::after{background-color:#fff}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AccountActionsMenu__accountActionsMenu__LcsM-{text-transform:uppercase}
/* Custom media queries for responsive design.
 * These MUST be declared in CSS (postcss-custom-media v10 removed importFrom).
 * The values match configs/media.conf.js.
 */

/* Viewport breakpoints - "up" (min-width) */

/* Viewport breakpoints - "only" (min-width AND max-width) */

/* Viewport breakpoints - "down" (max-width) - legacy, avoid using */

/* Device-specific queries */

:root {
  /* media queries are declared above using @custom-media syntax */
}

:root {

  /*
    Please...
    - Do not use hexidecimal colors anywhere in the app. Use only variables in this file.
    - Do not add colors to the app or this file arbitrarily.
    - In 99% of circumstances we should be using one of the colors available here.
    - If a color really needs to be added, let's discuss it first.
  */

  /* Brand Colors ---------------------------- */
  /* --oxford: #495ab9;
  --coral: #f88484;
  --merlot: #b06078;
   */

  /* New Brand Colors ---------------------------- */
  --coral-900: #a70909;
  --coral-800: #bb2828;
  --coral-700: #cf4747;
  --coral-600: #e46565;  /* Default */
  --coral-500: #f88484;
  --coral-400: #f99d9d;
  --coral-300: #fbb5b5;
  --coral-200: #fccece;
  --coral-100: #fee6e6;

  --merlot-900: #61303f;
  --merlot-800: #753c4d;
  --merlot-700: #88485b;
  --merlot-600: #9c546a;  /* Default */
  --merlot-500: #b06078;
  --merlot-400: #c08093;
  --merlot-300: #d0a0ae;
  --merlot-200: #dfbfc9;
  --merlot-100: #efdfe4;

  --oxford-900: #242d5f;
  --oxford-800: #2d3875;
  --oxford-700: #36448c;
  --oxford-600: #404fa2;  /* Default */
  --oxford-500: #495ab9;
  --oxford-400: #6a78c6;
  --oxford-300: #9ca5d9;
  --oxford-200: #cdd2ec;
  --oxford-100: #eef0f9;

  --action-900: #122958;
  --action-800: #173775;
  --action-700: #1d4492;
  --action-600: #275bc4;
  --action-500: #3172f5;
  --action-400: #5a8ef7;
  --action-300: #82aaf9;
  --action-200: #dfe9fd;
  --action-100:  #f0f3ff;

  --danger-900: #7a1212;
  --danger-800: #941e1e;
  --danger-700: #ae2a2a;
  --danger-600: #c93636;
  --danger-500: #e34242;
  --danger-400: #e96868;
  --danger-300: #ee8e8e;
  --danger-200: #f7cbcb;
  --danger-100: #fceeee;

  --success-900: #224916;
  --success-800: #2d621e;
  --success-700: #387a25;
  --success-600: #44932d;
  --success-500: #4fab34;
  --success-400: #72bc5d;
  --success-300: #b9ddae;
  --success-200: #d6ebd0;
  --success-100: #ecf8e8;

  --warning-900: #794e06;
  --warning-800: #98640d;
  --warning-700: #b77a14;
  --warning-600: #d6901c;
  --warning-500: #f5a623;
  --warning-400: #f7b64b;
  --warning-300: #face87;
  --warning-200: #fce7c3;
  --warning-100: #fef7eb;

  --yellow-900: #7f6b00;
  --yellow-800: #9f8600;
  --yellow-700: #bfa100;
  --yellow-600: #dfbc00;
  --yellow-500: #ffd700;
  --yellow-400: #ffdf33;
  --yellow-300: #ffe766;
  --yellow-200: #ffef99;
  --yellow-100: #fff7cc;

  /* New Brand Colors ---------------------------- */
  --oxford: var(--oxford-600);
  --coral: var(--coral-500);
  --merlot: var(--merlot-500);

  --inactive-oxford: #dbdef0;
  --inactive-coral: #fde0e0;
  --inactive-merlot: #ebd7dd;

  --light-oxford: #b7bcd9;
  --light-coral: #fbbcbc;
  --light-merlot: #d4a8b5;

  --inactive-light-oxford: #eceef5;
  --inactive-light-coral: #fdeeee;
  --inactive-light-merlot: #f4e9ec;

  --dark-grey-blue: #2c325e;

  --cyan-900: #00212d;
  --cyan-800: #00415a;
  --cyan-700: #006286;
  --cyan-600: #0082b3;
  --cyan-500: #00a3e0;
  --cyan-400: #33b5e6;
  --cyan-300: #66c8ec;
  --cyan-200: #aae3f9;
  --cyan-100: #e7f8ff;

  /* Primary Colors -------------------------- */

  --danger: #e34242;
  --warning: #f2a422;
  /* Alpha tokens: used where `color(var(--...))` can't be compiled safely */
  --warning-a70: rgba(242, 164, 34, 0.7);
  --success: #57bd39;
  --success-a70: rgba(87, 189, 57, 0.7);
  --action: #3172f5;
  --crypto: #00a3e0;
  --yellow: #ffd700;

  --light-danger: #ecaeae;
  --light-warning: #fef2de;
  --light-success: #eff9ec;
  --light-action: #f4f6fd;

  --dark-danger: #a61919;
  --dark-warning: #bc7a0b;
  --dark-success: #45962d;
  --dark-action: #0943b7;

  /* Secondary Colors ------------------------- */

  --shadow: #0b0014;
  --shade: #1c2234;
  --slate: #3c425a;
  --shale: #4d556c;
  --stone: #6a7185;
  --smoke: #8c95a5;
  --storm: #afbac6;
  --silver: #ced5df;
  --satin: #edeff1;
  --snow: #f5f6f7;
  --salt: #ffffff;

  --neutral-900: #0b0014;
  --neutral-800: #1c2234;
  --neutral-700: #3c425a;
  --neutral-600: #4d556c;  /* Default */
  --neutral-500: #6a7185;
  --neutral-400: #8c95a5;
  --neutral-300: #8c95a5;
  --neutral-200: #ced5df;
  --neutral-100: #edeff1;
  --neutral-50: #f5f6f7;

  --off-white: #fdfdfd;

  /* Theme Colors ------------------------------ */

  --noon: white;
  --dawn: var(--snow);
  --dusk: var(--silver);
  --midnight: var(--shade);

  /* Text Colors ------------------------------ */

  --heading-text-color: var(--slate);
  --body-text-color: var(--shale);
  --subdued-text-color: var(--smoke);
  --light-text-color: var(--salt);

  /* Other Colors ------------------------------ */

  --autofill-color: #fcffdf;
  --chart-axis: #a5a8ab;
  --chart-limit: #979797;
  --header-shadow-color: rgba(0, 0, 0, .15);
  --default-border-color: var(--silver);
}

:root {
  /* Speeds */
  --instant: 75ms;
  --fastest: 150ms;
  --fast: 250ms;
  --default: 400ms;
  --slow: 650ms;
  --slowest: 1500ms;

  /* Ease */
  --linear: cubic-bezier(0, 0, 1, 1);
  --ease: cubic-bezier(.25, .1, .25, 1);
  --ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --ease-in: cubic-bezier(.55,.54,.55,.54);
  --ease-out: cubic-bezier(.25, .46, .45, .94);
  --ease-out-quint: cubic-bezier(.86, 0, .07, 1);
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --instant-ease-out: cubic-bezier(0, 1.1, 0, 1.01);
  --instant-ease-in: cubic-bezier(.755, .05, .855, .06);
}

/* For some reason getting these into the global namespace can only be done from this file. */

/* ----------------------------------------------------------------------------- */

/* SIZES */

/* ----------------------------------------------------------------------------- */

:root {

  --defaultSize: 16px;

  --size-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --size-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --size-small:   calc(var(--defaultSize) * .75); /* 12px */
  --size-default: var(--defaultSize);             /* 16px */
  --size-medium:  calc(var(--defaultSize) * 1.5); /* 24px */
  --size-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --size-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --size-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  /* Spacings - For margins, paddings, etc. */
  --space-micro:   calc(var(--defaultSize) * .25); /* 4px */
  --space-tiny:    calc(var(--defaultSize) * .5);  /* 8px */
  --space-small:   calc(var(--defaultSize) * .75); /* 12px */
  --space-default:    var(--defaultSize);             /* 16px */
  --space-medium:     calc(var(--defaultSize) * 1.5); /* 24px */
  --space-large:   calc(var(--defaultSize) * 2);   /* 32px */
  --space-xlarge:  calc(var(--defaultSize) * 3);   /* 48px */
  --space-huge:    calc(var(--defaultSize) * 4);   /* 64px */

  --radius-multiplier: .25;
  --radius-micro:   calc(var(--radius-multiplier) * var(--sizes.micro));   /*  32px */
  --radius-tiny:    calc(var(--radius-multiplier) * var(--sizes.tiny));    /*  64px */
  --radius-small:   calc(var(--radius-multiplier) * var(--sizes.small));   /*  96px */
  --radius-default: calc(var(--radius-multiplier) * var(--sizes.default)); /* 128px */
  --radius-medium:  calc(var(--radius-multiplier) * var(--sizes.medium));  /* 192px */
  --radius-large:   calc(var(--radius-multiplier) * var(--sizes.large));   /* 256px */
  --radius-xlarge:  calc(var(--radius-multiplier) * var(--sizes.xlarge));  /* 384px */
  --radius-huge:    calc(var(--radius-multiplier) * var(--sizes.huge));    /* 512px */

  --image-multiplier: 8;
  --image-sizes-micro:   calc(var(--image-multiplier) * var(--sizes.micro));   /*  32px */
  --image-sizes-tiny:    calc(var(--image-multiplier) * var(--sizes.tiny));    /*  64px */
  --image-sizes-small:   calc(var(--image-multiplier) * var(--sizes.small));   /*  96px */
  --image-sizes-default: calc(var(--image-multiplier) * var(--sizes.default)); /* 128px */
  --image-sizes-medium:  calc(var(--image-multiplier) * var(--sizes.medium));  /* 192px */
  --image-sizes-large:   calc(var(--image-multiplier) * var(--sizes.large));   /* 256px */
  --image-sizes-xlarge:  calc(var(--image-multiplier) * var(--sizes.xlarge));  /* 384px */
  --image-sizes-huge:    calc(var(--image-multiplier) * var(--sizes.huge));    /* 512px */
}

:root {
  /* Weights */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;

  --sans-web: 'sans';
  --sans-fallback: Arial, sans-serif;
  --serif-web: 'serif';
  --serif-fallback: Georgia, serif;
  --atlas-grotesk-web: 'AtlasGrotesk';
  --atlas-grotesk-fallback: 'Helvetica', sans-serif;

  /* Font Families */
  --sans: var(--sans-web), var(--sans-fallback);
  --serif: var(--serif-web), var(--serif-fallback);
  --atlas-grotesk: var(--atlas-grotesk-web), var(--atlas-grotesk-fallback);
}

:root {
  /* PADDINGS */
  /* -------------------------------------------------------------------------- */
}

:root {
  /* Spacing - For margins, paddings, etc. */
  /* ------------------------------------------------------ */
  --space-tiny: calc(var(--space-default) * 0.5); /* 8px */
  --space-small: calc(var(--space-default) * 0.75); /* 12px */
  --space-default: 16px;
  --space-medium: calc(var(--space-default) * 1.5); /* 24px */
  --space-large: calc(var(--space-default) * 2); /* 32px */

  --header-height: var(--space-medium);
  --header-vertical-padding: var(--space-medium);

  --nav-width-one-column: 320px;
  --nav-width-two-columns: 272px;
  --nav-width-large: 336px;

  --nav-pane-h-padding-tiny: var(--space-default);
  --nav-pane-h-padding-one-column: var(--space-medium);
  --nav-padding-h-padding-two-columns: var(--space-default);
  --nav-padding-h-padding-large: var(--space-medium);

  --nav-slide-left-two-columns: calc(
    var(--nav-width-two-columns) - var(--nav-settings-width-two-columns)
  );
  --nav-slide-left-large: calc(
    var(--nav-width-large) - var(--nav-settings-width-two-columns)
  );

  --nav-settings-width-two-columns: 64px;

  --nav-height-tiny: 64px;
  --nav-height-one-column: 80px;
  --nav-height-two-columns: 92px;
  --ribbon-height: 72px;

  --onboarding-tiny-side-padding: 1rem;
  --onboarding-small-side-padding: 1.5rem;

  --common-footer-height: 4rem;

  --paginator-size: 48px;
  --paginator-cell-size: calc(var(--paginator-size) - 16px);

  --insights-height-tiny: 256px;
  --insights-height-small: 240px;
  --insights-height-one-column: 208px;
  --insight-border-radius: 4px;

  --external-page-heading-margin-bottom: 2rem;
  --limited-page-width: 1040px;

  --button-active-scale: 1;
  --text-field-font-size-em-value: 1.3;
  --text-field-font-size: calc(var(--text-field-font-size-em-value) * 1em);
  /*
    1 / 0.9 = 1.(11) but it works not every time
  */
  --button-active-antiscale: 1.05;

  /* Shadows */

  /* Borders */
  --border-radius: 4px;

  --slider-padding-h: 6px;
  --slider-padding-h-small: 8px;

  --onboarding-mobile-progressbar-height: 4px;

  --toc-margin-bottom-two-columns: 5rem;

  --module-wrapper-margin: 3rem;

  /* Font Helpers */
}

.SelfIncrementingProgressbar__selfIncrementingProgressbar__-7ftZ {
  display: flex;
  align-items: center;
}

.SelfIncrementingProgressbar__selfIncrementingProgressbar__-7ftZ.SelfIncrementingProgressbar__large__3vJx- {
    width: 10rem;
  }

.SelfIncrementingProgressbar__progressPercentage__3fmbZ {
  width: 2.5rem;
  flex-shrink: 0;
  color: var(--smoke);
  font-family: var(--sans);
  font-size: 1rem;
}

.SelfIncrementingProgressbar__large__3vJx- .SelfIncrementingProgressbar__progressPercentage__3fmbZ {
    width: 2rem;
  }

.SelfIncrementingProgressbar__progressLineWrapper__evF2w {
  overflow: hidden;
  width: 100%;
  height: 5px;
  flex-grow: 1;
  margin-left: .5rem;
  border: 1px solid var(--silver);
  border-radius: 8px;
}

.SelfIncrementingProgressbar__progressLine__7fzd6 {
  width: 100%;
  height: 100%;
  margin-left: -100%;
  border-radius: 8px;
  transform: none;
  background-color: var(--success);
  transition: transform .2s var(--ease-out);
}

:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AccountTooltipLink__tooltipActionLink__WvR1e{display:inline-block;text-decoration:underline;color:#fff}.AccountTooltipLink__tooltipActionLink__WvR1e:hover{opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);color:#fff}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LinkedAccountBalanceNote__linkedAccountBalanceNote__bj-vX{color:#8c95a5;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:12px;letter-spacing:-.5px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LinkedAccountBalanceState__note__d1msN{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:left}.LinkedAccountBalanceState__withTooltip__Hxoyr{cursor:pointer;position:relative}.LinkedAccountBalanceState__withTooltip__Hxoyr::before{content:'';position:absolute;left:-4px;top:-19px;right:-4px;bottom:-4px;border-radius:50%;cursor:pointer}.LinkedAccountBalanceState__tooltip__27bu8{display:inline-block;position:absolute;left:50%;bottom:calc(100% + 8px);z-index:11;visibility:hidden;-webkit-transform:translateY(0) translateX(-50%);-moz-transform:translateY(0) translateX(-50%);-o-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity 250ms , -webkit-transform 250ms;-moz-transition:opacity 250ms , -moz-transform 250ms;-o-transition:opacity 250ms , -o-transform 250ms;-ms-transition:opacity 250ms , -ms-transform 250ms;transition:opacity 250ms , transform 250ms;width:100%}.LinkedAccountBalanceState__withTooltip__Hxoyr:hover .LinkedAccountBalanceState__tooltip__27bu8,.LinkedAccountBalanceState__tooltipShown__cqCBK .LinkedAccountBalanceState__tooltip__27bu8{visibility:visible;-webkit-transform:translateY(-5px) translateX(-50%);-moz-transform:translateY(-5px) translateX(-50%);-o-transform:translateY(-5px) translateX(-50%);-ms-transform:translateY(-5px) translateX(-50%);transform:translateY(-5px) translateX(-50%);opacity:1;-ms-filter:none;filter:none}.LinkedAccountBalanceState__tooltipContent__bzrte{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-align:left}.LinkedAccountBalanceState__tooltipUpdate__K412E{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.LinkedAccountBalanceState__tooltipUpdate__K412E:empty{display:none}.LinkedAccountBalanceState__icon__d5Y-1{width:16px;height:16px;margin-right:3px;-webkit-flex-shrink:0;flex-shrink:0}.LinkedAccountBalanceState__success__2TT36{color:#57bd39}.LinkedAccountBalanceState__warning__yD-89{color:#f2a422}.LinkedAccountBalanceState__failure__4xG7n{color:#e34242}.LinkedAccountBalanceState__loader__0tw\+B{color:#8c95a5}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LinkedAccountBalanceAmount__linkedAccountBalanceAmount__iuN9j{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}@media screen and (min-width: 768px){.LinkedAccountBalanceAmount__linkedAccountBalanceAmount__iuN9j{display:block}}.LinkedAccountBalanceAmount__amount__WBmc\+{margin-bottom:4px;font-weight:500}.LinkedAccountBalanceAmount__liveUpdate__75KJt{margin-left:-18px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LinkedAccountBalanceUpdating__note__W4X-z{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:left}.LinkedAccountBalanceUpdating__icon__GTpWw{width:16px;height:16px;margin-right:3px;-webkit-flex-shrink:0;flex-shrink:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LinkedAccountBalance__linkedAccountBalance__IfgLs{width:100%}@media screen and (min-width: 768px){.LinkedAccountBalance__accountState__s1bE2{margin-left:-18px;width:100%}}@media screen and (min-width: 768px){.LinkedAccountBalance__liveUpdate__I7ldF{margin-left:-18px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LinkedAccountProvider__LinkedAccountProvider__IumZw{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media (hover:hover){.LinkedAccountProvider__LinkedAccountProvider__IumZw:hover .LinkedAccountProvider__icon__ynKPp{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-o-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px)}}.LinkedAccountProvider__logo__fvhfm{height:24px;width:32px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-shrink:0;flex-shrink:0;margin-right:8px;background-position:50%;background-size:contain;background-repeat:no-repeat}@media screen and (min-width: 768px){.LinkedAccountProvider__logo__fvhfm{width:48px;height:48px;margin-right:20px;margin-top:-9px;margin-bottom:-9px}}.LinkedAccountProvider__logoCategory__KvjW7{}@media screen and (min-width: 768px){.LinkedAccountProvider__logoCategory__KvjW7{height:30px}}.LinkedAccountProvider__externalLinkIcon__OIm6z{display:inline-block;width:10px;height:10px;margin-left:4px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LinkedAccountCategory__linkedAccountCategory__EAxYJ{text-transform:capitalize;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.LinkedAccountCategory__logoCategory__f3CkR{height:24px;width:32px;margin-right:8px}@media screen and (min-width: 768px){.LinkedAccountCategory__logoCategory__f3CkR{display:none}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedPostsPage__columnsWrapper__D8sYl{display:grid}@media screen and (min-width: 768px){.FeedPostsPage__columnsWrapperAuthenticated__lFOaW{grid-template-columns:10fr 8fr}}.FeedPostsPage__column__dzn5F{min-width:320px}.FeedPostsPage__left__AOK5f{max-width:588px}.FeedPostsPage__right__dRgfy{display:initial;max-width:375px;margin-left:32px}.FeedPostsPage__header__01c5\+{width:auto;padding-left:12px}@media screen and (min-width: 375px){.FeedPostsPage__header__01c5\+{padding-left:0}}.FeedPostsPage__headerIsAuthenticated__P7R\+H{padding-top:72px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedPeerGroupsHeader__container__G9lHG{height:56px;padding:8px 0;background-color:#f4f6fd;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.FeedPeerGroupsHeader__item__4eJJT{border:none;padding:0;background-color:transparent;cursor:pointer;text-transform:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.FeedPeerGroupsHeader__item__4eJJT:focus{outline:none}.FeedPeerGroupsHeader__item__4eJJT:disabled{cursor:default}.FeedPeerGroupsHeader__item__4eJJT:not(:disabled):active{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.FeedPeerGroupsHeader__item__4eJJT::before{display:none}.FeedPeerGroupsHeader__item__4eJJT:after{content:'';position:absolute;width:1px;height:80%;top:10%;right:0;background:#ced5df}.FeedPeerGroupsHeader__item__4eJJT.FeedPeerGroupsHeader__kebabWrapper__dzdMW:after{content:unset}@media screen and (min-width: 768px){.FeedPeerGroupsHeader__item__4eJJT{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-shrink:0;flex-shrink:0;min-width:106px}}.FeedPeerGroupsHeader__peerGroupBorder__HZpyJ{width:24px;height:24px;border-radius:50%;border:2px solid #f4f6fd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:2px}.FeedPeerGroupsHeader__peerGroupBorder__HZpyJ.FeedPeerGroupsHeader__member__-3I8D{border-color:#404fa2}.FeedPeerGroupsHeader__peerGroupBorder__HZpyJ.FeedPeerGroupsHeader__peers__guJMe{border-color:#f88484}.FeedPeerGroupsHeader__peerGroupBorder__HZpyJ.FeedPeerGroupsHeader__everyone__F3NFo{border-color:#b06078}.FeedPeerGroupsHeader__peerGroupBorder__HZpyJ.FeedPeerGroupsHeader__followed__A5EiL{border-color:#afbac6}.FeedPeerGroupsHeader__peerGroupCircle__GVWP1{width:100%;height:100%;border-radius:50%}.FeedPeerGroupsHeader__member__-3I8D .FeedPeerGroupsHeader__peerGroupCircle__GVWP1{background-color:#404fa2}.FeedPeerGroupsHeader__peers__guJMe .FeedPeerGroupsHeader__peerGroupCircle__GVWP1{background-color:#f88484}.FeedPeerGroupsHeader__everyone__F3NFo .FeedPeerGroupsHeader__peerGroupCircle__GVWP1{background-color:#b06078}.FeedPeerGroupsHeader__followed__A5EiL .FeedPeerGroupsHeader__peerGroupCircle__GVWP1{background-color:#afbac6}.FeedPeerGroupsHeader__hideOnMobile__e0t3F{display:none}@media screen and (min-width: 768px){.FeedPeerGroupsHeader__hideOnMobile__e0t3F{display:inherit}}.FeedPeerGroupsHeader__kebab__u5wdx,.FeedPeerGroupsHeader__peerGroupBorder__HZpyJ{-webkit-transition:-webkit-transform 250ms cubic-bezier(0.86, 0, 0.07, 1);-moz-transition:-moz-transform 250ms cubic-bezier(0.86, 0, 0.07, 1);-o-transition:-o-transform 250ms cubic-bezier(0.86, 0, 0.07, 1);-ms-transition:-ms-transform 250ms cubic-bezier(0.86, 0, 0.07, 1);transition:transform 250ms cubic-bezier(0.86, 0, 0.07, 1)}.FeedPeerGroupsHeader__item__4eJJT:active .FeedPeerGroupsHeader__kebab__u5wdx,.FeedPeerGroupsHeader__item__4eJJT:active .FeedPeerGroupsHeader__peerGroupBorder__HZpyJ{-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.FeedPeerGroupsHeader__kebab__u5wdx{height:24px;-webkit-transform:scale(.85);-moz-transform:scale(.85);-o-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85)}.FeedPeerGroupsHeader__itemText__E2lbp{margin-top:8px;height:11px;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:11px;text-align:center;color:#6a7185}.FeedPeerGroupsHeader__itemText__E2lbp .FeedPeerGroupsHeader__kebabItemText__RkOti{margin-top:6px}.FeedPeerGroupsHeader__newBadge__Qa8RT{font-weight:600;background:#57bd39;color:#fff;padding:2px 4px;border-radius:5px;line-height:1.3;letter-spacing:.2px;position:absolute;bottom:37px;right:0;color:#fff;font-weight:600;border:2px solid #f4f6fd}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Badge__badge__mHLqp{display:inline-block;height:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px;padding-left:9px;padding-right:9px}.Badge__badge__mHLqp.Badge__success__ZIzMm{background-color:#57bd39}.Badge__text__nIAui{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:10px;line-height:1}.Badge__success__ZIzMm .Badge__text__nIAui{color:#fff}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PostCompose__container__WSJKD{content:''}.PostCompose__scopeSelector__W2OGk{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;margin-bottom:24px}.PostCompose__middle__rhBrK{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.PostCompose__middle__rhBrK .PostCompose__avatar__of6F5{width:42px;height:42px;margin-right:16px;-webkit-flex-shrink:0;flex-shrink:0}.PostCompose__middle__rhBrK .PostCompose__content__MyG\+Q{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;min-width:0}.PostCompose__input__Dwgjv{min-height:33px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;margin-bottom:9px;position:relative}.PostCompose__inputPlaceholder__rA2uW{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;vertical-align:middle;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;cursor:pointer}.PostCompose__inputPlaceholder__rA2uW.PostCompose__safariIos__da5JW{left:-3px}.PostCompose__inputPlaceholder__rA2uW:after{content:'';display:inline-block;height:calc(100% + 11px);vertical-align:middle}.PostCompose__nextToCompose__stf2u{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.PostCompose__addTag__bDM7Z{width:67px;-webkit-flex-shrink:0;flex-shrink:0}.PostCompose__error__bNRm4{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;margin-left:16px}.PostCompose__attach__kyqVt:not(:empty){margin-top:16px}.PostCompose__actions__HTKSK{margin:16px -24px 0 -24px;padding:16px 24px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;box-shadow:inset 0 1px 0 0 #ced5df;margin-bottom:-16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PostScope__container__G7H0z{font-family:"sans", "Arial", sans-serif;font-size:ans-family;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.PostScope__scopeSelector__PusRI{font-size:14px;color:#8c95a5;cursor:pointer;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.PostScope__scopeTitle__hmd6P{color:#b06078;margin-left:4px;text-transform:capitalize;font-weight:600}.PostScope__yourPeers__ApwqU .PostScope__scopeTitle__hmd6P{color:#f88484}.PostScope__arrow__SuG-v{border:5px solid transparent;border-top-color:#b06078;margin-bottom:-5px;margin-left:4px}.PostScope__yourPeers__ApwqU .PostScope__arrow__SuG-v{border-top-color:#f88484}.PostScope__actions__EIRxJ{position:absolute;z-index:2;top:-24px;right:-12px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);visibility:hidden;-webkit-transition:opacity 250ms ease;-moz-transition:opacity 250ms ease;-o-transition:opacity 250ms ease;-ms-transition:opacity 250ms ease;transition:opacity 250ms ease;text-transform:uppercase}.PostScope__actions__EIRxJ.PostScope__shown__udnUX{opacity:1;-ms-filter:none;filter:none;visibility:visible}@media screen and (min-width: 768px){.PostScope__actions__EIRxJ{right:-48px}}@media screen and (min-width: 1024px){.PostScope__actions__EIRxJ{right:-112px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedfilterPopup__scrollableWrapper__Bieq\+{height:382px;border-bottom:2px solid #edeff1;box-shadow:inset 0 -7px 5px -6px rgba(0,0,0,0.2)}.FeedfilterPopup__scrollableWrapper__Bieq\+.FeedfilterPopup__fill__HIJx6{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;height:100px}@media screen and (min-width: 768px){.FeedfilterPopup__scrollableWrapper__Bieq\+{max-height:382px;height:calc(100vh - 222px)}}@media screen and (min-width: 1024px){.FeedfilterPopup__scrollableWrapper__Bieq\+{border-bottom:none;box-shadow:none}}.FeedfilterPopup__scrollable__MsFTu{padding-top:32px;padding-bottom:64px}.FeedfilterPopup__preloader__Mlc8z{margin-top:24px;text-align:center}.FeedfilterPopup__item__dpGGR{width:100%}.FeedfilterPopup__item__dpGGR:not(:first-child){margin-top:24px}.FeedfilterPopup__loadMore__wqCJt{border:none;padding:0;background-color:transparent;cursor:pointer;text-transform:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;display:block;margin-top:36px;margin-left:auto;margin-right:auto;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;color:#3172f5;cursor:pointer}.FeedfilterPopup__loadMore__wqCJt:focus{outline:none}.FeedfilterPopup__loadMore__wqCJt:disabled{cursor:default}.FeedfilterPopup__loadMore__wqCJt:not(:disabled):active{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.FeedfilterPopup__loadMore__wqCJt::before{display:none}.FeedfilterPopup__buttonWrapper__hGMrE{margin:24px 0 0}@media screen and (min-width: 1024px){.FeedfilterPopup__buttonWrapper__hGMrE{margin:24px 0;display:none}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PopupOverview__overview__y7EEh{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:60px}.PopupOverview__image__aXjUo{margin:48px 0;width:40%;height:132px}.PopupOverview__title__lG5i6{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:21px;line-height:28px;text-align:center;color:#4d556c}.PopupOverview__subtitle__TfANJ{margin-top:24px;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#4d556c}.PopupOverview__subtitleSpinner__TqcPT{margin-top:40px;height:40px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ColoredText__success__\+2Spm{color:#57bd39}.ColoredText__coral__RZzfX{color:#f88484}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SidebarPopupFooter__footer__8xh-i{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SidebarPopupWithList__popup__L8ySJ{max-height:inherit;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:24px 12px;background-color:#fff;border:1px solid #ced5df;border-left:none}@media screen and (min-width: 375px){.SidebarPopupWithList__popup__L8ySJ{padding:24px 16px}}@media screen and (min-width: 1024px){.SidebarPopupWithList__popup__L8ySJ:not(.SidebarPopupWithList__isEmptyState__TSLN6){padding-bottom:0}}.SidebarPopupWithList__popup__L8ySJ.SidebarPopupWithList__allCorners__wG3Rr{border-radius:5px}.SidebarPopupWithList__popup__L8ySJ.SidebarPopupWithList__rightCorners__-8bgF{border-top-right-radius:5px;border-bottom-right-radius:5px}.SidebarPopupWithList__popup__L8ySJ.SidebarPopupWithList__fill__1yyTe{min-height:inherit;height:100%}.SidebarPopupWithList__header__vjSgL{-webkit-flex-shrink:0;flex-shrink:0;padding-bottom:16px;border-bottom:2px solid #edeff1;box-shadow:0 7px 5px -6px rgba(0,0,0,0.2)}.SidebarPopupWithList__footer__Ln\+Vy{-webkit-flex-shrink:0;flex-shrink:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FollowedPeopleItem__container__BD3q9{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.FollowedPeopleItem__avatar__aVUu0{width:32px;height:32px;-webkit-flex-shrink:0;flex-shrink:0}@media screen and (min-width: 415px){.FollowedPeopleItem__avatar__aVUu0{width:42px;height:42px}}.FollowedPeopleItem__nameSection__7i9p-{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end;text-align:left;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;overflow-x:hidden;margin-left:12px}@media screen and (min-width: 415px){.FollowedPeopleItem__nameSection__7i9p-{margin-left:16px}}.FollowedPeopleItem__name__5Kq-7{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:16px;line-height:1;color:#4a6da7;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.FollowedPeopleItem__posts__73T6K{margin-top:6px;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;line-height:16px;color:#6a7185}.FollowedPeopleItem__follow__r5-ky{margin-left:12px;margin-right:2px;-webkit-flex-shrink:0;flex-shrink:0}@media screen and (min-width: 375px){.FollowedPeopleItem__follow__r5-ky{margin-left:16px;margin-right:6px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FollowedTagsItem__container__uotTE{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.FollowedTagsItem__nameSection__tapsQ{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end;text-align:left;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;margin-left:8px;overflow-x:hidden}.FollowedTagsItem__name__7KNl-{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:15px;line-height:1;color:#4a6da7;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.FollowedTagsItem__posts__8E-UT{margin-top:4px;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:13px;line-height:16px;color:#6a7185}.FollowedTagsItem__postsDivider__Qzcwb{margin-left:4px;margin-right:4px;vertical-align:middle;display:inline-block;width:2px;height:2px;border-radius:50%;background-color:#6a7185}.FollowedTagsItem__follow__qe8d8{margin-left:16px;margin-right:8px;-webkit-flex-shrink:0;flex-shrink:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedFilterYourPopup__title__0x52c{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.FeedFilterYourPopup__avatar__XtBm8{width:42px;height:42px}.FeedFilterYourPopup__nickname__1MBoW{margin-top:8px}.FeedFilterYourPopup__link__XJRWP{color:#3172f5}.FeedFilterYourPopup__footer__EjA6V{margin-top:16px;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;line-height:22px;text-align:center;color:#8c95a5}.FeedFilterYourPopup__buttonWrapper__77aRe{margin:24px 0}@media screen and (min-width: 1024px){.FeedFilterYourPopup__buttonWrapper__77aRe{display:none}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedTrendingTags__feedTrendingTags__hWwzU{width:100%;min-height:180px}.FeedTrendingTags__header__itjsg{margin-top:4px;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:15px;color:#0b0014}.FeedTrendingTags__tagWrapper__JCSiv{margin-top:16px;margin-left:-8px}.FeedTrendingTags__tagWrapper__JCSiv:first-child{margin-top:0}.FeedTrendingTags__searchWrapper__11Npg{margin-top:16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FeedSearchForm__feedSearchForm__1oYAr{content:''}.FeedSearchForm__item__I5RSn{height:32px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;color:#2c325e;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.FeedSearchForm__item__I5RSn.FeedSearchForm__active__OxIaY{color:#fff}.FeedSearchForm__count__-biJZ{font-size:12px;font-weight:normal;color:#afbac6}.FeedSearchForm__noResults__5OPtd{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;color:#2c325e;height:32px;line-height:32px;margin-left:8px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.DebugPage__root__4CCLe{background:#f5f6f7;min-height:100vh}.DebugPage__content__X0MNZ{width:350px;margin:0 auto 15px}.DebugPage__loggedCount__6wnbb{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:18px}.DebugPage__label__sVusB{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PublicDashboardPage__stickyHeader__pzJp8{top:0;-webkit-transition:-webkit-transform 0.25s ease-in, opacity 0.25s cubic-bezier(1, 0, 0, 1);-moz-transition:-moz-transform 0.25s ease-in, opacity 0.25s cubic-bezier(1, 0, 0, 1);-o-transition:-o-transform 0.25s ease-in, opacity 0.25s cubic-bezier(1, 0, 0, 1);-ms-transition:-ms-transform 0.25s ease-in, opacity 0.25s cubic-bezier(1, 0, 0, 1);transition:transform 0.25s ease-in, opacity 0.25s cubic-bezier(1, 0, 0, 1);background-color:#fff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);padding-top:12px;padding-bottom:6px}.PublicDashboardPage__heading__6hImi h1{text-align:center;color:#e34242}.PublicDashboardPage__filters__zznrM{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:3px;width:100vw}@media screen and (min-width: 768px){.PublicDashboardPage__filters__zznrM{width:auto}}.PublicDashboardPage__withShadow__S-2Rs{box-shadow:0 2px 5px 0 rgba(0,0,0,0.2)}.PublicDashboardPage__grid__fBXv2{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(5,max-content);gap:48px 0;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;justify-items:center;margin:32px 0}@media screen and (min-width: 768px){.PublicDashboardPage__grid__fBXv2{max-width:792px;grid-template-columns:max-content 1fr max-content;grid-template-rows:max-content max-content 1fr;-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;justify-items:space-between}}.PublicDashboardPage__cell__VTxq2{width:100%;height:100%;-webkit-align-self:start;align-self:start;-ms-flex-item-align:start;max-width:415px}@media screen and (min-width: 768px){.PublicDashboardPage__cell__VTxq2{max-width:initial}}@media screen and (min-width: 768px){.PublicDashboardPage__trend__0fC-m{grid-column:1/span 3}}@media screen and (min-width: 768px){.PublicDashboardPage__byState__2BQ6w{grid-column:1/span 3}}@media screen and (min-width: 768px){.PublicDashboardPage__howSpendingCompare__gIQV\+{grid-column:1/span 3}}.PublicDashboardPage__byCategory__cghj6{height:auto}@media screen and (min-width: 768px){.PublicDashboardPage__byCategory__cghj6{grid-column:1}}.PublicDashboardPage__byMerchant__SJ1jL{height:auto}@media screen and (min-width: 768px){.PublicDashboardPage__byMerchant__SJ1jL{grid-column:3}}.PublicDashboardPage__trendContentWrapper__F69w4{padding:8px;padding-top:16px;padding-bottom:20px;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){.PublicDashboardPage__trendContentWrapper__F69w4{padding-top:20px;padding-bottom:16px}}.PublicDashboardPage__trendContentWrapperWithFilter__GizFQ{padding-bottom:40px}@media screen and (min-width: 768px){.PublicDashboardPage__trendContentWrapperWithFilter__GizFQ{padding-bottom:36px}}.PublicDashboardPage__disclaimer__8mSnD{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#6a7185;text-align:center;padding:0 16px}@media screen and (min-width: 768px){.PublicDashboardPage__disclaimer__8mSnD{max-width:600px;font-size:16px;grid-column:1/span 3}}.PublicDashboardPage__disclaimer__8mSnD p + p{margin-top:20px}.PublicDashboardPage__hideOnMobile__zILlY{display:none}@media screen and (min-width: 768px){.PublicDashboardPage__hideOnMobile__zILlY{display:initial}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LineChart__LineChart__CzYCa{padding:8px;padding-bottom:0;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-shrink:0;flex-shrink:0;position:relative;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.LineChart__chart__eteSR{width:100%;height:114px}@media screen and (min-width: 768px){.LineChart__chart__eteSR{height:155px}}.LineChart__sections__Kviy0{-webkit-flex-shrink:0;flex-shrink:0;height:40px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LineChartPath__LineChartPath__ScfBi{width:100%;height:100%;position:relative}.LineChartPath__line__CM8gm{fill:none;stroke:#404fa2;stroke-width:3px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LineChartPoints__lineChartPoints__TNaDZ{fill:#404fa2;stroke:#fff;r:3px;stroke-width:1px}@media screen and (min-width: 768px){.LineChartPoints__lineChartPoints__TNaDZ{r:6px;stroke-width:3px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LineChartHover__lineChartHover__vZ4\+g{stroke:#a5a8ab;stroke-width:2px;pointer-events:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LineChartAxis__lineChartAxis__zKwDF{fill:#a5a8ab}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LineChartSections__lineChartSections__xylmY{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.LineChartSections__section__BmWKC{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:10px;color:#8c95a5;position:relative;width:0;height:6px}.LineChartSections__section__BmWKC.LineChartSections__highlight__6j-lU{font-weight:600;color:#3c425a}.LineChartSections__text__NYto3{position:absolute;top:10px;text-align:center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.LineChartSections__rotate__DwYCc .LineChartSections__text__NYto3{-webkit-transform:translateX(-50%) rotate(-45deg);-moz-transform:translateX(-50%) rotate(-45deg);-o-transform:translateX(-50%) rotate(-45deg);-ms-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.LineChartWrapper__lineChartWrapper__bXc\+j{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.LineChartWrapper__header__QMl0g{-webkit-flex-shrink:0;flex-shrink:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:16px;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px}.LineChartWrapper__title__8gHom{color:#8c95a5}.LineChartWrapper__preliminary__xx923{display:none;font-weight:500;color:#afbac6;margin-top:4px}.LineChartWrapper__showPreliminary__9ddbh .LineChartWrapper__preliminary__xx923{display:block}.LineChartWrapper__amount__QPAHY{font-size:24px;color:#404fa2;margin-top:8px}.LineChartWrapper__showPreliminary__9ddbh .LineChartWrapper__amount__QPAHY{margin-bottom:-16px}.LineChartWrapper__chart__HPUnS{content:''}.LineChartWrapper__filterWrapper__3UrnE{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center;position:relative;margin-top:4px;-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}@media screen and (min-width: 768px){.LineChartWrapper__filterWrapper__3UrnE{margin-top:12px}}.LineChartWrapper__filterWrapper__3UrnE::after{content:'';position:absolute;top:50%;right:2px;width:0;height:0;margin-top:-3px;border:6px solid transparent;border-top-color:#3172f5;border-bottom:none;clear:both;pointer-events:none}.LineChartWrapper__timeframeFilter__Nx\+rE{width:155px;margin-left:18px;border:none;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:16px;color:#3172f5;text-transform:uppercase;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.LineChartWrapper__timeframeFilter__Nx\+rE::-ms-expand{display:none}.LineChartWrapper__timeframeFilter__Nx\+rE:focus{outline:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PublicSpendingTrend__publicSpendingTrend__pZjL8{height:220px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){.PublicSpendingTrend__publicSpendingTrend__pZjL8{height:276px}}.PublicSpendingTrend__noData__H6\+g6{font-family:"sans", "Arial", sans-serif;font-size:14px;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;text-align:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#afbac6}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PublicDashboardModuleWrapper__publicDashboardModuleWrapper__uXuAI{height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 375px){.PublicDashboardModuleWrapper__publicDashboardModuleWrapper__uXuAI{padding:0 12px}}@media screen and (min-width: 768px){.PublicDashboardModuleWrapper__publicDashboardModuleWrapper__uXuAI{padding:0 16px}}.PublicDashboardModuleWrapper__header__SpKWH{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0;-ms-flex:0;flex:0;margin-bottom:12px}.PublicDashboardModuleWrapper__title__MUq\+w{font-family:"sans", "Arial", sans-serif;font-weight:700;font-size:20px;color:#1c2234}.PublicDashboardModuleWrapper__subtitle__WIFFD{color:#4d556c;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;margin-top:8px}.PublicDashboardModuleWrapper__content__\+zrlz{position:relative;box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);border:1px solid #edeff1;padding:12px;border-radius:5px}@media screen and (min-width: 768px){.PublicDashboardModuleWrapper__content__\+zrlz{padding:16px}}.PublicDashboardModuleWrapper__noPadding__Jgw2Y .PublicDashboardModuleWrapper__content__\+zrlz{padding:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PublicSpendingByStateChart__publicSpendingByStateChart__lptRS{position:relative;height:100%}.PublicSpendingByStateChart__isDesktop__3GVUP.PublicSpendingByStateChart__publicSpendingByStateChart__lptRS{height:338px}.PublicSpendingByStateChart__isDesktop__3GVUP{content:''}.PublicSpendingByStateChart__inner__0PsOG{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.PublicSpendingByStateChart__isDesktop__3GVUP .PublicSpendingByStateChart__inner__0PsOG{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.PublicSpendingByStateChart__chartWrapper__fE3lx{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:8px;padding-top:50%}.PublicSpendingByStateChart__isDesktop__3GVUP .PublicSpendingByStateChart__chartWrapper__fE3lx{padding:16px}.PublicSpendingByStateChart__isDesktop__3GVUP .PublicSpendingByStateChart__chartWrapper__fE3lx{max-width:65%;width:initial;-webkit-flex-basis:65%;flex-basis:65%;height:100%;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.PublicSpendingByStateChart__chartWrapperInner__QkGsj{position:absolute;top:0;right:0;bottom:0;left:0}.PublicSpendingByStateChart__isDesktop__3GVUP .PublicSpendingByStateChart__chartWrapperInner__QkGsj{position:relative;width:100%;height:100%}.PublicSpendingByStateChart__listWrapper__Rtly\+{width:calc(100% - 16px);-webkit-flex-basis:35%;flex-basis:35%;padding:8px}.PublicSpendingByStateChart__isDesktop__3GVUP .PublicSpendingByStateChart__listWrapper__Rtly\+{padding:16px}.PublicSpendingByStateChart__isDesktop__3GVUP .PublicSpendingByStateChart__listWrapper__Rtly\+{width:initial;height:100%;max-height:300px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #edeff1;margin-top:initial}.PublicSpendingByStateChart__expandButtonWrapper__Xzx03{padding:8px}.PublicSpendingByStateChart__isDesktop__3GVUP .PublicSpendingByStateChart__expandButtonWrapper__Xzx03{padding:16px}.PublicSpendingByStateChart__chartTooltip__QdgHc{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:110px;height:35px;margin:-40px -30px -30px;background:#f4f6fd;border:1px solid #3172f5;border-radius:4px;padding:8px;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;color:#1c2234;box-shadow:0 0 0 1px rgba(60,66,90,0.05),0 10px 20px rgba(60,66,90,0.15)}.PublicSpendingByStateChart__isDesktop__3GVUP .PublicSpendingByStateChart__chartTooltip__QdgHc{padding:16px}.PublicSpendingByStateChart__label__W9Hrt{color:#4d556c;font-size:13px;font-weight:300}.PublicSpendingByStateChart__value__8UwIW{white-space:nowrap}.PublicSpendingByStateChart__arrow__MliMi{margin-left:1px;font-size:20px;line-height:15px;color:#3e8529}.PublicSpendingByStateChart__red__RXF80{color:#e34242}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.GeoChart__geoChart__hcnc3{width:100%;height:100%;position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.KeyValueList__keyValueList__fm\+xE{background-color:#fff;color:#4d556c;height:100%}.KeyValueList__itemWrapper__rycQT{min-height:20px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:15px;font-family:"sans", "Arial", sans-serif;font-size:ans-family}.KeyValueList__itemWrapper__rycQT:last-child{margin-bottom:0}.KeyValueList__isHeader__xY1Zq{font-weight:600;font-size:16px;color:#4d556c}.KeyValueList__leftSide__ggOD0{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;line-height:1.2}.KeyValueList__rightSide__nkNA5{height:20px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.KeyValueList__dynamicsSignWrapper__89Ywl{height:100%;width:10px}.KeyValueList__dynamicsSign__yP7jQ{width:auto;font-weight:600}.KeyValueList__dynamicsSignIsPositive__PURpG{color:#4fab34}.KeyValueList__dynamicsSignIsNegative__7erJw{color:#e34242;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.KeyValueList__valueWrapper__UObE8{height:20px;text-align:center;width:43px;margin-left:1px}.KeyValueList__valueWrapper__UObE8 > span{line-height:20px;vertical-align:middle}.KeyValueList__coloredCircle__f\+R3k{width:8px;height:8px;border-radius:100%;margin-right:14px}.KeyValueList__footerWrapper__cpMSB{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.KeyValueList__scrollableInner__nzcAr{padding-right:16px;height:100%}.KeyValueList__noData__aopHA{font-family:"sans", "Arial", sans-serif;font-size:14px;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;text-align:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#afbac6;height:100%}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PublicSpendingFilters__publicSpendingFilters__OBgbJ{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 768px){.PublicSpendingFilters__publicSpendingFilters__OBgbJ{-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.PublicSpendingFilters__filter__rMtEu{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;padding:0 4px;padding-bottom:8px}.PublicSpendingFilters__filter__rMtEu::after{content:'';position:absolute;bottom:18px;right:12px;width:0;height:0;border:6px solid transparent;border-top-color:#3172f5;border-bottom:none;clear:both;pointer-events:none}.PublicSpendingFilters__filter__rMtEu.PublicSpendingFilters__category__--f2F{padding-bottom:12px}.PublicSpendingFilters__filter__rMtEu.PublicSpendingFilters__category__--f2F::after{bottom:22px}@media screen and (min-width: 375px){.PublicSpendingFilters__filter__rMtEu{padding:0 8px;padding-bottom:8px}.PublicSpendingFilters__filter__rMtEu::after{right:16px}}@media screen and (min-width: 415px){.PublicSpendingFilters__filter__rMtEu.PublicSpendingFilters__category__--f2F{padding-bottom:8px}.PublicSpendingFilters__filter__rMtEu.PublicSpendingFilters__category__--f2F::after{bottom:18px}}@media screen and (min-width: 768px){.PublicSpendingFilters__filter__rMtEu{padding:8px 12px}.PublicSpendingFilters__filter__rMtEu:last-of-type{padding-bottom:12px}.PublicSpendingFilters__filter__rMtEu::after,.PublicSpendingFilters__filter__rMtEu.PublicSpendingFilters__category__--f2F::after{bottom:24px;right:20px}}.PublicSpendingFilters__wrapper__C0Emp{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;position:relative}.PublicSpendingFilters__category__--f2F{min-width:210px}.PublicSpendingFilters__state__u1Xf1,.PublicSpendingFilters__incomeRange__dq4kQ{display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex}.PublicSpendingFilters__caption__KD9vR{color:#8c95a5;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:12px;position:absolute;top:8px;margin-left:13px;pointer-events:none}@media screen and (min-width: 768px){.PublicSpendingFilters__caption__KD9vR{top:17px;font-size:14px}}.PublicSpendingFilters__customSelect__6MdT2{display:block;font-size:15px;font-family:sans-serif;font-weight:600;color:#3172f5;line-height:1.3;padding:20px 24px 4px 12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;border:1px solid;border-color:rgba(49,114,245,0.42);box-shadow:0 1px 0 1px rgba(0,0,0,0.04);border-radius:4px;-moz-appearance:none;-webkit-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f4f6fd;background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%;cursor:pointer}.PublicSpendingFilters__customSelect__6MdT2 option{font-weight:normal}@media screen and (min-width: 375px){.PublicSpendingFilters__customSelect__6MdT2{padding:20px 16px 4px 12px;font-size:16px}}@media screen and (min-width: 768px){.PublicSpendingFilters__customSelect__6MdT2{padding:24px 24px 6px 12px;font-size:17px}}.PublicSpendingFilters__customSelect__6MdT2::-ms-expand{display:none}.PublicSpendingFilters__customSelect__6MdT2:hover{border-color:#3172f5}.PublicSpendingFilters__customSelect__6MdT2:focus{border-color:#3172f5;box-shadow:0 0 1px 3px rgba(59,153,252,0.7);box-shadow:0 0 0 3px -moz-mac-focusring;outline:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PublicSpendingByCategory__publicSpendingByCategory__WJUmi.PublicSpendingByCategory__isDesktop__\+OKNj{width:325px}.PublicSpendingByCategory__publicSpendingByCategory__WJUmi.PublicSpendingByCategory__noData__uTVL8{height:200px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PublicSpendingByMerchant__publicSpendingByMerchant__h4OHz.PublicSpendingByMerchant__isDesktop__\+\+yyc{width:345px}.PublicSpendingByMerchant__publicSpendingByMerchant__h4OHz.PublicSpendingByMerchant__noData__yedtW{height:200px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.HowSpendingCompare__howSpendingCompare__tHwjE{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.5;color:#8c95a5;text-align:center;padding:24px 8px}@media screen and (min-width: 415px){.HowSpendingCompare__howSpendingCompare__tHwjE{padding:24px;font-size:18px;line-height:1.4}}.HowSpendingCompare__howSpendingCompare__tHwjE h1{font-family:"serif", "Georgia", serif;font-weight:500;font-size:24px;line-height:1.25;text-align:center;color:#2c325e}@media screen and (min-width: 415px){.HowSpendingCompare__howSpendingCompare__tHwjE h1{font-size:40px}}.HowSpendingCompare__howSpendingCompare__tHwjE div{max-width:508px;margin:24px auto}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FuturePage__action__GMQqt,.FuturePage__blue__bR6OA,.FuturePage__cyan__H0RoO,.FuturePage__green__lOQrw,.FuturePage__orange__buAGG,.FuturePage__yellow__HAH2G,.FuturePage__danger__9nDlK,.FuturePage__alert__NUGya,.FuturePage__oxford__lH8us,.FuturePage__coral__3q1Qr,.FuturePage__merlot__tLR6s,.FuturePage__midnight__UN-dL,.FuturePage__creditCard__\+2rSw{border:1px solid var(--defaultColor);background:var(--defaultColor);color:#fff}.FuturePage__action__GMQqt.FuturePage__clickable__tOaPu:hover,.FuturePage__blue__bR6OA.FuturePage__clickable__tOaPu:hover,.FuturePage__cyan__H0RoO.FuturePage__clickable__tOaPu:hover,.FuturePage__green__lOQrw.FuturePage__clickable__tOaPu:hover,.FuturePage__orange__buAGG.FuturePage__clickable__tOaPu:hover,.FuturePage__yellow__HAH2G.FuturePage__clickable__tOaPu:hover,.FuturePage__danger__9nDlK.FuturePage__clickable__tOaPu:hover,.FuturePage__alert__NUGya.FuturePage__clickable__tOaPu:hover,.FuturePage__oxford__lH8us.FuturePage__clickable__tOaPu:hover,.FuturePage__coral__3q1Qr.FuturePage__clickable__tOaPu:hover,.FuturePage__merlot__tLR6s.FuturePage__clickable__tOaPu:hover,.FuturePage__midnight__UN-dL.FuturePage__clickable__tOaPu:hover,.FuturePage__creditCard__\+2rSw.FuturePage__clickable__tOaPu:hover{box-shadow:0 2px 0 0 var(--darkColor)}.FuturePage__action__GMQqt.FuturePage__clickable__tOaPu:active:not(.FuturePage__textOnly__NYysp),.FuturePage__blue__bR6OA.FuturePage__clickable__tOaPu:active:not(.FuturePage__textOnly__NYysp),.FuturePage__cyan__H0RoO.FuturePage__clickable__tOaPu:active:not(.FuturePage__textOnly__NYysp),.FuturePage__green__lOQrw.FuturePage__clickable__tOaPu:active:not(.FuturePage__textOnly__NYysp),.FuturePage__orange__buAGG.FuturePage__clickable__tOaPu:active:not(.FuturePage__textOnly__NYysp),.FuturePage__yellow__HAH2G.FuturePage__clickable__tOaPu:active:not(.FuturePage__textOnly__NYysp),.FuturePage__danger__9nDlK.FuturePage__clickable__tOaPu:active:not(.FuturePage__textOnly__NYysp),.FuturePage__alert__NUGya.FuturePage__clickable__tOaPu:active:not(.FuturePage__textOnly__NYysp),.FuturePage__oxford__lH8us.FuturePage__clickable__tOaPu:active:not(.FuturePage__textOnly__NYysp),.FuturePage__coral__3q1Qr.FuturePage__clickable__tOaPu:active:not(.FuturePage__textOnly__NYysp),.FuturePage__merlot__tLR6s.FuturePage__clickable__tOaPu:active:not(.FuturePage__textOnly__NYysp),.FuturePage__midnight__UN-dL.FuturePage__clickable__tOaPu:active:not(.FuturePage__textOnly__NYysp),.FuturePage__creditCard__\+2rSw.FuturePage__clickable__tOaPu:active:not(.FuturePage__textOnly__NYysp){box-shadow:none;-webkit-transform:translateY(.5px);-moz-transform:translateY(.5px);-o-transform:translateY(.5px);-ms-transform:translateY(.5px);transform:translateY(.5px)}.FuturePage__action__GMQqt.FuturePage__notification__PyMnk,.FuturePage__blue__bR6OA.FuturePage__notification__PyMnk,.FuturePage__cyan__H0RoO.FuturePage__notification__PyMnk,.FuturePage__green__lOQrw.FuturePage__notification__PyMnk,.FuturePage__orange__buAGG.FuturePage__notification__PyMnk,.FuturePage__yellow__HAH2G.FuturePage__notification__PyMnk,.FuturePage__danger__9nDlK.FuturePage__notification__PyMnk,.FuturePage__alert__NUGya.FuturePage__notification__PyMnk,.FuturePage__oxford__lH8us.FuturePage__notification__PyMnk,.FuturePage__coral__3q1Qr.FuturePage__notification__PyMnk,.FuturePage__merlot__tLR6s.FuturePage__notification__PyMnk,.FuturePage__midnight__UN-dL.FuturePage__notification__PyMnk,.FuturePage__creditCard__\+2rSw.FuturePage__notification__PyMnk{border:none}.FuturePage__action__GMQqt.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__blue__bR6OA.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__cyan__H0RoO.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__green__lOQrw.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__orange__buAGG.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__yellow__HAH2G.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__danger__9nDlK.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__alert__NUGya.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__oxford__lH8us.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__coral__3q1Qr.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__merlot__tLR6s.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__midnight__UN-dL.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__creditCard__\+2rSw.FuturePage__notification__PyMnk [role='dismiss-button']:hover{background:var(--lightColor)}.FuturePage__action__GMQqt.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__blue__bR6OA.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__cyan__H0RoO.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__green__lOQrw.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__orange__buAGG.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__yellow__HAH2G.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__danger__9nDlK.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__alert__NUGya.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__oxford__lH8us.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__coral__3q1Qr.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__merlot__tLR6s.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__midnight__UN-dL.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__creditCard__\+2rSw.FuturePage__notification__PyMnk [role='dismiss-button']:active{background:var(--lightestColor);color:var(--defaultColor)}.FuturePage__action__GMQqt:not(.FuturePage__insight__vLEHf):not(.FuturePage__hollow__EduXt):not(.FuturePage__textOnly__NYysp):not(.FuturePage__notification__PyMnk) h4,.FuturePage__blue__bR6OA:not(.FuturePage__insight__vLEHf):not(.FuturePage__hollow__EduXt):not(.FuturePage__textOnly__NYysp):not(.FuturePage__notification__PyMnk) h4,.FuturePage__cyan__H0RoO:not(.FuturePage__insight__vLEHf):not(.FuturePage__hollow__EduXt):not(.FuturePage__textOnly__NYysp):not(.FuturePage__notification__PyMnk) h4,.FuturePage__green__lOQrw:not(.FuturePage__insight__vLEHf):not(.FuturePage__hollow__EduXt):not(.FuturePage__textOnly__NYysp):not(.FuturePage__notification__PyMnk) h4,.FuturePage__orange__buAGG:not(.FuturePage__insight__vLEHf):not(.FuturePage__hollow__EduXt):not(.FuturePage__textOnly__NYysp):not(.FuturePage__notification__PyMnk) h4,.FuturePage__yellow__HAH2G:not(.FuturePage__insight__vLEHf):not(.FuturePage__hollow__EduXt):not(.FuturePage__textOnly__NYysp):not(.FuturePage__notification__PyMnk) h4,.FuturePage__danger__9nDlK:not(.FuturePage__insight__vLEHf):not(.FuturePage__hollow__EduXt):not(.FuturePage__textOnly__NYysp):not(.FuturePage__notification__PyMnk) h4,.FuturePage__alert__NUGya:not(.FuturePage__insight__vLEHf):not(.FuturePage__hollow__EduXt):not(.FuturePage__textOnly__NYysp):not(.FuturePage__notification__PyMnk) h4,.FuturePage__oxford__lH8us:not(.FuturePage__insight__vLEHf):not(.FuturePage__hollow__EduXt):not(.FuturePage__textOnly__NYysp):not(.FuturePage__notification__PyMnk) h4,.FuturePage__coral__3q1Qr:not(.FuturePage__insight__vLEHf):not(.FuturePage__hollow__EduXt):not(.FuturePage__textOnly__NYysp):not(.FuturePage__notification__PyMnk) h4,.FuturePage__merlot__tLR6s:not(.FuturePage__insight__vLEHf):not(.FuturePage__hollow__EduXt):not(.FuturePage__textOnly__NYysp):not(.FuturePage__notification__PyMnk) h4,.FuturePage__midnight__UN-dL:not(.FuturePage__insight__vLEHf):not(.FuturePage__hollow__EduXt):not(.FuturePage__textOnly__NYysp):not(.FuturePage__notification__PyMnk) h4,.FuturePage__creditCard__\+2rSw:not(.FuturePage__insight__vLEHf):not(.FuturePage__hollow__EduXt):not(.FuturePage__textOnly__NYysp):not(.FuturePage__notification__PyMnk) h4{color:rgba(255,255,255,0.75)}.FuturePage__action__GMQqt.FuturePage__insight__vLEHf,.FuturePage__blue__bR6OA.FuturePage__insight__vLEHf,.FuturePage__cyan__H0RoO.FuturePage__insight__vLEHf,.FuturePage__green__lOQrw.FuturePage__insight__vLEHf,.FuturePage__orange__buAGG.FuturePage__insight__vLEHf,.FuturePage__yellow__HAH2G.FuturePage__insight__vLEHf,.FuturePage__danger__9nDlK.FuturePage__insight__vLEHf,.FuturePage__alert__NUGya.FuturePage__insight__vLEHf,.FuturePage__oxford__lH8us.FuturePage__insight__vLEHf,.FuturePage__coral__3q1Qr.FuturePage__insight__vLEHf,.FuturePage__merlot__tLR6s.FuturePage__insight__vLEHf,.FuturePage__midnight__UN-dL.FuturePage__insight__vLEHf,.FuturePage__creditCard__\+2rSw.FuturePage__insight__vLEHf{background:#fff;color:var(--defaultColor)}.FuturePage__action__GMQqt.FuturePage__outlined__GYYHM,.FuturePage__blue__bR6OA.FuturePage__outlined__GYYHM,.FuturePage__cyan__H0RoO.FuturePage__outlined__GYYHM,.FuturePage__green__lOQrw.FuturePage__outlined__GYYHM,.FuturePage__orange__buAGG.FuturePage__outlined__GYYHM,.FuturePage__yellow__HAH2G.FuturePage__outlined__GYYHM,.FuturePage__danger__9nDlK.FuturePage__outlined__GYYHM,.FuturePage__alert__NUGya.FuturePage__outlined__GYYHM,.FuturePage__oxford__lH8us.FuturePage__outlined__GYYHM,.FuturePage__coral__3q1Qr.FuturePage__outlined__GYYHM,.FuturePage__merlot__tLR6s.FuturePage__outlined__GYYHM,.FuturePage__midnight__UN-dL.FuturePage__outlined__GYYHM,.FuturePage__creditCard__\+2rSw.FuturePage__outlined__GYYHM{border-color:var(--darkestColor)}.FuturePage__action__GMQqt.FuturePage__outlined__GYYHM.FuturePage__clickable__tOaPu:hover,.FuturePage__blue__bR6OA.FuturePage__outlined__GYYHM.FuturePage__clickable__tOaPu:hover,.FuturePage__cyan__H0RoO.FuturePage__outlined__GYYHM.FuturePage__clickable__tOaPu:hover,.FuturePage__green__lOQrw.FuturePage__outlined__GYYHM.FuturePage__clickable__tOaPu:hover,.FuturePage__orange__buAGG.FuturePage__outlined__GYYHM.FuturePage__clickable__tOaPu:hover,.FuturePage__yellow__HAH2G.FuturePage__outlined__GYYHM.FuturePage__clickable__tOaPu:hover,.FuturePage__danger__9nDlK.FuturePage__outlined__GYYHM.FuturePage__clickable__tOaPu:hover,.FuturePage__alert__NUGya.FuturePage__outlined__GYYHM.FuturePage__clickable__tOaPu:hover,.FuturePage__oxford__lH8us.FuturePage__outlined__GYYHM.FuturePage__clickable__tOaPu:hover,.FuturePage__coral__3q1Qr.FuturePage__outlined__GYYHM.FuturePage__clickable__tOaPu:hover,.FuturePage__merlot__tLR6s.FuturePage__outlined__GYYHM.FuturePage__clickable__tOaPu:hover,.FuturePage__midnight__UN-dL.FuturePage__outlined__GYYHM.FuturePage__clickable__tOaPu:hover,.FuturePage__creditCard__\+2rSw.FuturePage__outlined__GYYHM.FuturePage__clickable__tOaPu:hover{background:var(--lightColor)}.FuturePage__action__GMQqt.FuturePage__hollow__EduXt,.FuturePage__blue__bR6OA.FuturePage__hollow__EduXt,.FuturePage__cyan__H0RoO.FuturePage__hollow__EduXt,.FuturePage__green__lOQrw.FuturePage__hollow__EduXt,.FuturePage__orange__buAGG.FuturePage__hollow__EduXt,.FuturePage__yellow__HAH2G.FuturePage__hollow__EduXt,.FuturePage__danger__9nDlK.FuturePage__hollow__EduXt,.FuturePage__alert__NUGya.FuturePage__hollow__EduXt,.FuturePage__oxford__lH8us.FuturePage__hollow__EduXt,.FuturePage__coral__3q1Qr.FuturePage__hollow__EduXt,.FuturePage__merlot__tLR6s.FuturePage__hollow__EduXt,.FuturePage__midnight__UN-dL.FuturePage__hollow__EduXt,.FuturePage__creditCard__\+2rSw.FuturePage__hollow__EduXt{color:var(--defaultColor)}.FuturePage__action__GMQqt.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:hover,.FuturePage__blue__bR6OA.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:hover,.FuturePage__cyan__H0RoO.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:hover,.FuturePage__green__lOQrw.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:hover,.FuturePage__orange__buAGG.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:hover,.FuturePage__yellow__HAH2G.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:hover,.FuturePage__danger__9nDlK.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:hover,.FuturePage__alert__NUGya.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:hover,.FuturePage__oxford__lH8us.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:hover,.FuturePage__coral__3q1Qr.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:hover,.FuturePage__merlot__tLR6s.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:hover,.FuturePage__midnight__UN-dL.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:hover,.FuturePage__creditCard__\+2rSw.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:hover{border-color:var(--defaultColor);background:var(--lightestColor);color:#fff}.FuturePage__action__GMQqt.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:active,.FuturePage__blue__bR6OA.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:active,.FuturePage__cyan__H0RoO.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:active,.FuturePage__green__lOQrw.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:active,.FuturePage__orange__buAGG.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:active,.FuturePage__yellow__HAH2G.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:active,.FuturePage__danger__9nDlK.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:active,.FuturePage__alert__NUGya.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:active,.FuturePage__oxford__lH8us.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:active,.FuturePage__coral__3q1Qr.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:active,.FuturePage__merlot__tLR6s.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:active,.FuturePage__midnight__UN-dL.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:active,.FuturePage__creditCard__\+2rSw.FuturePage__hollow__EduXt.FuturePage__clickable__tOaPu:active{border:1px solid transparent;background:var(--lightestColor);color:#fff}.FuturePage__action__GMQqt.FuturePage__textOnly__NYysp,.FuturePage__blue__bR6OA.FuturePage__textOnly__NYysp,.FuturePage__cyan__H0RoO.FuturePage__textOnly__NYysp,.FuturePage__green__lOQrw.FuturePage__textOnly__NYysp,.FuturePage__orange__buAGG.FuturePage__textOnly__NYysp,.FuturePage__yellow__HAH2G.FuturePage__textOnly__NYysp,.FuturePage__danger__9nDlK.FuturePage__textOnly__NYysp,.FuturePage__alert__NUGya.FuturePage__textOnly__NYysp,.FuturePage__oxford__lH8us.FuturePage__textOnly__NYysp,.FuturePage__coral__3q1Qr.FuturePage__textOnly__NYysp,.FuturePage__merlot__tLR6s.FuturePage__textOnly__NYysp,.FuturePage__midnight__UN-dL.FuturePage__textOnly__NYysp,.FuturePage__creditCard__\+2rSw.FuturePage__textOnly__NYysp{color:var(--defaultColor)}.FuturePage__action__GMQqt.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:hover,.FuturePage__blue__bR6OA.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:hover,.FuturePage__cyan__H0RoO.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:hover,.FuturePage__green__lOQrw.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:hover,.FuturePage__orange__buAGG.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:hover,.FuturePage__yellow__HAH2G.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:hover,.FuturePage__danger__9nDlK.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:hover,.FuturePage__alert__NUGya.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:hover,.FuturePage__oxford__lH8us.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:hover,.FuturePage__coral__3q1Qr.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:hover,.FuturePage__merlot__tLR6s.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:hover,.FuturePage__midnight__UN-dL.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:hover,.FuturePage__creditCard__\+2rSw.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:hover{color:var(--darkColor)}.FuturePage__action__GMQqt.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:active,.FuturePage__blue__bR6OA.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:active,.FuturePage__cyan__H0RoO.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:active,.FuturePage__green__lOQrw.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:active,.FuturePage__orange__buAGG.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:active,.FuturePage__yellow__HAH2G.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:active,.FuturePage__danger__9nDlK.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:active,.FuturePage__alert__NUGya.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:active,.FuturePage__oxford__lH8us.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:active,.FuturePage__coral__3q1Qr.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:active,.FuturePage__merlot__tLR6s.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:active,.FuturePage__midnight__UN-dL.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:active,.FuturePage__creditCard__\+2rSw.FuturePage__textOnly__NYysp.FuturePage__clickable__tOaPu:active{color:var(--lightColor)}.FuturePage__lightCyan__3lrVV,.FuturePage__lightRed__k4o71,.FuturePage__lightBlue__oo9rH,.FuturePage__lightGreen__W-30o,.FuturePage__lightOrange__tsuAS,.FuturePage__darkCyan__2Oeoz,.FuturePage__darkRed__3TYTZ,.FuturePage__darkBlue__xOEQE,.FuturePage__darkGreen__k2rgK,.FuturePage__darkOrange__0rP6p,.FuturePage__snow__z2I6W,.FuturePage__stone__XzPa1,.FuturePage__info__7e5eO{background:var(--lightestColor);color:var(--darkColor)}.FuturePage__lightCyan__3lrVV.FuturePage__clickable__tOaPu:hover,.FuturePage__lightRed__k4o71.FuturePage__clickable__tOaPu:hover,.FuturePage__lightBlue__oo9rH.FuturePage__clickable__tOaPu:hover,.FuturePage__lightGreen__W-30o.FuturePage__clickable__tOaPu:hover,.FuturePage__lightOrange__tsuAS.FuturePage__clickable__tOaPu:hover,.FuturePage__darkCyan__2Oeoz.FuturePage__clickable__tOaPu:hover,.FuturePage__darkRed__3TYTZ.FuturePage__clickable__tOaPu:hover,.FuturePage__darkBlue__xOEQE.FuturePage__clickable__tOaPu:hover,.FuturePage__darkGreen__k2rgK.FuturePage__clickable__tOaPu:hover,.FuturePage__darkOrange__0rP6p.FuturePage__clickable__tOaPu:hover,.FuturePage__snow__z2I6W.FuturePage__clickable__tOaPu:hover,.FuturePage__stone__XzPa1.FuturePage__clickable__tOaPu:hover,.FuturePage__info__7e5eO.FuturePage__clickable__tOaPu:hover{box-shadow:0 2px 0 0 var(--darkColor)}.FuturePage__lightCyan__3lrVV:not(.FuturePage__textOnly__NYysp).FuturePage__clickable__tOaPu:active,.FuturePage__lightRed__k4o71:not(.FuturePage__textOnly__NYysp).FuturePage__clickable__tOaPu:active,.FuturePage__lightBlue__oo9rH:not(.FuturePage__textOnly__NYysp).FuturePage__clickable__tOaPu:active,.FuturePage__lightGreen__W-30o:not(.FuturePage__textOnly__NYysp).FuturePage__clickable__tOaPu:active,.FuturePage__lightOrange__tsuAS:not(.FuturePage__textOnly__NYysp).FuturePage__clickable__tOaPu:active,.FuturePage__darkCyan__2Oeoz:not(.FuturePage__textOnly__NYysp).FuturePage__clickable__tOaPu:active,.FuturePage__darkRed__3TYTZ:not(.FuturePage__textOnly__NYysp).FuturePage__clickable__tOaPu:active,.FuturePage__darkBlue__xOEQE:not(.FuturePage__textOnly__NYysp).FuturePage__clickable__tOaPu:active,.FuturePage__darkGreen__k2rgK:not(.FuturePage__textOnly__NYysp).FuturePage__clickable__tOaPu:active,.FuturePage__darkOrange__0rP6p:not(.FuturePage__textOnly__NYysp).FuturePage__clickable__tOaPu:active,.FuturePage__snow__z2I6W:not(.FuturePage__textOnly__NYysp).FuturePage__clickable__tOaPu:active,.FuturePage__stone__XzPa1:not(.FuturePage__textOnly__NYysp).FuturePage__clickable__tOaPu:active,.FuturePage__info__7e5eO:not(.FuturePage__textOnly__NYysp).FuturePage__clickable__tOaPu:active{box-shadow:none;background:var(--lightColor)}.FuturePage__lightCyan__3lrVV.FuturePage__notification__PyMnk,.FuturePage__lightRed__k4o71.FuturePage__notification__PyMnk,.FuturePage__lightBlue__oo9rH.FuturePage__notification__PyMnk,.FuturePage__lightGreen__W-30o.FuturePage__notification__PyMnk,.FuturePage__lightOrange__tsuAS.FuturePage__notification__PyMnk,.FuturePage__darkCyan__2Oeoz.FuturePage__notification__PyMnk,.FuturePage__darkRed__3TYTZ.FuturePage__notification__PyMnk,.FuturePage__darkBlue__xOEQE.FuturePage__notification__PyMnk,.FuturePage__darkGreen__k2rgK.FuturePage__notification__PyMnk,.FuturePage__darkOrange__0rP6p.FuturePage__notification__PyMnk,.FuturePage__snow__z2I6W.FuturePage__notification__PyMnk,.FuturePage__stone__XzPa1.FuturePage__notification__PyMnk,.FuturePage__info__7e5eO.FuturePage__notification__PyMnk{color:var(--darkestColor)}.FuturePage__lightCyan__3lrVV.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__lightRed__k4o71.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__lightBlue__oo9rH.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__lightGreen__W-30o.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__lightOrange__tsuAS.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__darkCyan__2Oeoz.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__darkRed__3TYTZ.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__darkBlue__xOEQE.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__darkGreen__k2rgK.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__darkOrange__0rP6p.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__snow__z2I6W.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__stone__XzPa1.FuturePage__notification__PyMnk [role='dismiss-button']:hover,.FuturePage__info__7e5eO.FuturePage__notification__PyMnk [role='dismiss-button']:hover{background:var(--lightColor)}.FuturePage__lightCyan__3lrVV.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__lightRed__k4o71.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__lightBlue__oo9rH.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__lightGreen__W-30o.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__lightOrange__tsuAS.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__darkCyan__2Oeoz.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__darkRed__3TYTZ.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__darkBlue__xOEQE.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__darkGreen__k2rgK.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__darkOrange__0rP6p.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__snow__z2I6W.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__stone__XzPa1.FuturePage__notification__PyMnk [role='dismiss-button']:active,.FuturePage__info__7e5eO.FuturePage__notification__PyMnk [role='dismiss-button']:active{background:var(--defaultColor);color:var(--lightestColor)}.FuturePage__lightCyan__3lrVV.FuturePage__hollow__EduXt,.FuturePage__lightRed__k4o71.FuturePage__hollow__EduXt,.FuturePage__lightBlue__oo9rH.FuturePage__hollow__EduXt,.FuturePage__lightGreen__W-30o.FuturePage__hollow__EduXt,.FuturePage__lightOrange__tsuAS.FuturePage__hollow__EduXt,.FuturePage__darkCyan__2Oeoz.FuturePage__hollow__EduXt,.FuturePage__darkRed__3TYTZ.FuturePage__hollow__EduXt,.FuturePage__darkBlue__xOEQE.FuturePage__hollow__EduXt,.FuturePage__darkGreen__k2rgK.FuturePage__hollow__EduXt,.FuturePage__darkOrange__0rP6p.FuturePage__hollow__EduXt,.FuturePage__snow__z2I6W.FuturePage__hollow__EduXt,.FuturePage__stone__XzPa1.FuturePage__hollow__EduXt,.FuturePage__info__7e5eO.FuturePage__hollow__EduXt{color:var(--darkColor)}.FuturePage__lightCyan__3lrVV.FuturePage__textOnly__NYysp,.FuturePage__lightRed__k4o71.FuturePage__textOnly__NYysp,.FuturePage__lightBlue__oo9rH.FuturePage__textOnly__NYysp,.FuturePage__lightGreen__W-30o.FuturePage__textOnly__NYysp,.FuturePage__lightOrange__tsuAS.FuturePage__textOnly__NYysp,.FuturePage__darkCyan__2Oeoz.FuturePage__textOnly__NYysp,.FuturePage__darkRed__3TYTZ.FuturePage__textOnly__NYysp,.FuturePage__darkBlue__xOEQE.FuturePage__textOnly__NYysp,.FuturePage__darkGreen__k2rgK.FuturePage__textOnly__NYysp,.FuturePage__darkOrange__0rP6p.FuturePage__textOnly__NYysp,.FuturePage__snow__z2I6W.FuturePage__textOnly__NYysp,.FuturePage__stone__XzPa1.FuturePage__textOnly__NYysp,.FuturePage__info__7e5eO.FuturePage__textOnly__NYysp{color:var(--defaultColor)}.FuturePage__lightCyan__3lrVV:not(.FuturePage__clickable__tOaPu),.FuturePage__lightRed__k4o71:not(.FuturePage__clickable__tOaPu),.FuturePage__lightBlue__oo9rH:not(.FuturePage__clickable__tOaPu),.FuturePage__lightGreen__W-30o:not(.FuturePage__clickable__tOaPu),.FuturePage__lightOrange__tsuAS:not(.FuturePage__clickable__tOaPu),.FuturePage__darkCyan__2Oeoz:not(.FuturePage__clickable__tOaPu),.FuturePage__darkRed__3TYTZ:not(.FuturePage__clickable__tOaPu),.FuturePage__darkBlue__xOEQE:not(.FuturePage__clickable__tOaPu),.FuturePage__darkGreen__k2rgK:not(.FuturePage__clickable__tOaPu),.FuturePage__darkOrange__0rP6p:not(.FuturePage__clickable__tOaPu),.FuturePage__snow__z2I6W:not(.FuturePage__clickable__tOaPu),.FuturePage__stone__XzPa1:not(.FuturePage__clickable__tOaPu),.FuturePage__info__7e5eO:not(.FuturePage__clickable__tOaPu),.FuturePage__lightCyan__3lrVV h1,.FuturePage__lightRed__k4o71 h1,.FuturePage__lightBlue__oo9rH h1,.FuturePage__lightGreen__W-30o h1,.FuturePage__lightOrange__tsuAS h1,.FuturePage__darkCyan__2Oeoz h1,.FuturePage__darkRed__3TYTZ h1,.FuturePage__darkBlue__xOEQE h1,.FuturePage__darkGreen__k2rgK h1,.FuturePage__darkOrange__0rP6p h1,.FuturePage__snow__z2I6W h1,.FuturePage__stone__XzPa1 h1,.FuturePage__info__7e5eO h1,.FuturePage__lightCyan__3lrVV h2,.FuturePage__lightRed__k4o71 h2,.FuturePage__lightBlue__oo9rH h2,.FuturePage__lightGreen__W-30o h2,.FuturePage__lightOrange__tsuAS h2,.FuturePage__darkCyan__2Oeoz h2,.FuturePage__darkRed__3TYTZ h2,.FuturePage__darkBlue__xOEQE h2,.FuturePage__darkGreen__k2rgK h2,.FuturePage__darkOrange__0rP6p h2,.FuturePage__snow__z2I6W h2,.FuturePage__stone__XzPa1 h2,.FuturePage__info__7e5eO h2,.FuturePage__lightCyan__3lrVV h3,.FuturePage__lightRed__k4o71 h3,.FuturePage__lightBlue__oo9rH h3,.FuturePage__lightGreen__W-30o h3,.FuturePage__lightOrange__tsuAS h3,.FuturePage__darkCyan__2Oeoz h3,.FuturePage__darkRed__3TYTZ h3,.FuturePage__darkBlue__xOEQE h3,.FuturePage__darkGreen__k2rgK h3,.FuturePage__darkOrange__0rP6p h3,.FuturePage__snow__z2I6W h3,.FuturePage__stone__XzPa1 h3,.FuturePage__info__7e5eO h3,.FuturePage__lightCyan__3lrVV h4,.FuturePage__lightRed__k4o71 h4,.FuturePage__lightBlue__oo9rH h4,.FuturePage__lightGreen__W-30o h4,.FuturePage__lightOrange__tsuAS h4,.FuturePage__darkCyan__2Oeoz h4,.FuturePage__darkRed__3TYTZ h4,.FuturePage__darkBlue__xOEQE h4,.FuturePage__darkGreen__k2rgK h4,.FuturePage__darkOrange__0rP6p h4,.FuturePage__snow__z2I6W h4,.FuturePage__stone__XzPa1 h4,.FuturePage__info__7e5eO h4,.FuturePage__lightCyan__3lrVV h5,.FuturePage__lightRed__k4o71 h5,.FuturePage__lightBlue__oo9rH h5,.FuturePage__lightGreen__W-30o h5,.FuturePage__lightOrange__tsuAS h5,.FuturePage__darkCyan__2Oeoz h5,.FuturePage__darkRed__3TYTZ h5,.FuturePage__darkBlue__xOEQE h5,.FuturePage__darkGreen__k2rgK h5,.FuturePage__darkOrange__0rP6p h5,.FuturePage__snow__z2I6W h5,.FuturePage__stone__XzPa1 h5,.FuturePage__info__7e5eO h5,.FuturePage__lightCyan__3lrVV h6,.FuturePage__lightRed__k4o71 h6,.FuturePage__lightBlue__oo9rH h6,.FuturePage__lightGreen__W-30o h6,.FuturePage__lightOrange__tsuAS h6,.FuturePage__darkCyan__2Oeoz h6,.FuturePage__darkRed__3TYTZ h6,.FuturePage__darkBlue__xOEQE h6,.FuturePage__darkGreen__k2rgK h6,.FuturePage__darkOrange__0rP6p h6,.FuturePage__snow__z2I6W h6,.FuturePage__stone__XzPa1 h6,.FuturePage__info__7e5eO h6{color:var(--darkColor)}.FuturePage__lightCyan__3lrVV p,.FuturePage__lightRed__k4o71 p,.FuturePage__lightBlue__oo9rH p,.FuturePage__lightGreen__W-30o p,.FuturePage__lightOrange__tsuAS p,.FuturePage__darkCyan__2Oeoz p,.FuturePage__darkRed__3TYTZ p,.FuturePage__darkBlue__xOEQE p,.FuturePage__darkGreen__k2rgK p,.FuturePage__darkOrange__0rP6p p,.FuturePage__snow__z2I6W p,.FuturePage__stone__XzPa1 p,.FuturePage__info__7e5eO p{color:var(--darkestColor)}div[data-radix-popper-content-wrapper] .FuturePage__lightCyan__3lrVV,div[data-radix-popper-content-wrapper] .FuturePage__lightRed__k4o71,div[data-radix-popper-content-wrapper] .FuturePage__lightBlue__oo9rH,div[data-radix-popper-content-wrapper] .FuturePage__lightGreen__W-30o,div[data-radix-popper-content-wrapper] .FuturePage__lightOrange__tsuAS,div[data-radix-popper-content-wrapper] .FuturePage__darkCyan__2Oeoz,div[data-radix-popper-content-wrapper] .FuturePage__darkRed__3TYTZ,div[data-radix-popper-content-wrapper] .FuturePage__darkBlue__xOEQE,div[data-radix-popper-content-wrapper] .FuturePage__darkGreen__k2rgK,div[data-radix-popper-content-wrapper] .FuturePage__darkOrange__0rP6p,div[data-radix-popper-content-wrapper] .FuturePage__snow__z2I6W,div[data-radix-popper-content-wrapper] .FuturePage__stone__XzPa1,div[data-radix-popper-content-wrapper] .FuturePage__info__7e5eO{background:var(--darkestColor);color:#fff}div[data-radix-popper-content-wrapper] .FuturePage__lightCyan__3lrVV svg,div[data-radix-popper-content-wrapper] .FuturePage__lightRed__k4o71 svg,div[data-radix-popper-content-wrapper] .FuturePage__lightBlue__oo9rH svg,div[data-radix-popper-content-wrapper] .FuturePage__lightGreen__W-30o svg,div[data-radix-popper-content-wrapper] .FuturePage__lightOrange__tsuAS svg,div[data-radix-popper-content-wrapper] .FuturePage__darkCyan__2Oeoz svg,div[data-radix-popper-content-wrapper] .FuturePage__darkRed__3TYTZ svg,div[data-radix-popper-content-wrapper] .FuturePage__darkBlue__xOEQE svg,div[data-radix-popper-content-wrapper] .FuturePage__darkGreen__k2rgK svg,div[data-radix-popper-content-wrapper] .FuturePage__darkOrange__0rP6p svg,div[data-radix-popper-content-wrapper] .FuturePage__snow__z2I6W svg,div[data-radix-popper-content-wrapper] .FuturePage__stone__XzPa1 svg,div[data-radix-popper-content-wrapper] .FuturePage__info__7e5eO svg{background:none;fill:var(--darkestColor)}.FuturePage__icon__tDHXu{color:#1c2234}.FuturePage__defaultTheme__a9nUt{border-color:transparent;background:none;color:#4d556c}.FuturePage__defaultTheme__a9nUt.FuturePage__textOnly__NYysp,.FuturePage__defaultTheme__a9nUt.FuturePage__textOnly__NYysp small{color:#9ca5d9}.FuturePage__action__GMQqt,.FuturePage__blue__bR6OA{--textColor:#f0f3ff;--lightestColor:#82aaf9;--lightColor:#5a8ef7;--defaultColor:#3172f5;--darkColor:#275bc4;--darkestColor:#1d4492;--transparentColor:rgba(29,68,146,0.15)}.FuturePage__cyan__H0RoO{--lightestColor:#66c8ec;--lightColor:#33b5e6;--defaultColor:#00a3e0;--darkColor:#0082b3;--darkestColor:#006286;--transparentColor:rgba(0,98,134,0.15)}.FuturePage__green__lOQrw{--lightestColor:#b9ddae;--lightColor:#72bc5d;--defaultColor:#4fab34;--darkColor:#44932d;--darkestColor:#387a25;--transparentColor:rgba(56,122,37,0.15)}.FuturePage__orange__buAGG{--lightestColor:#face87;--lightColor:#f7b64b;--defaultColor:#f5a623;--darkColor:#d6901c;--darkestColor:#b77a14;--transparentColor:rgba(183,122,20,0.15)}.FuturePage__yellow__HAH2G{--lightestColor:#ffe766;--lightColor:#ffdf33;--defaultColor:#ffd700;--darkColor:#dfbc00;--darkestColor:#bfa100;--transparentColor:rgba(191,161,0,0.15)}.FuturePage__danger__9nDlK,.FuturePage__alert__NUGya{--lightestColor:#f1a1a1;--lightColor:#e86565;--defaultColor:#e34242;--darkColor:#ae2a2a;--darkestColor:#941e1e;--transparentColor:rgba(148,30,30,0.15)}.FuturePage__golden__2k-oW{background:-webkit-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-moz-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-o-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-ms-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:linear-gradient(-45deg, #f5dd4e, #eaf639, #f8e71c);color:#3c425a}.FuturePage__lightCyan__3lrVV,.FuturePage__darkCyan__2Oeoz{--lightestColor:#e7f8ff;--lightColor:#aae3f9;--defaultColor:#66c8ec;--darkColor:#00a3e0;--darkestColor:#006286;--transparentColor:rgba(0,98,134,0.15)}.FuturePage__lightRed__k4o71,.FuturePage__darkRed__3TYTZ{--lightestColor:#fdf3f3;--lightColor:#f8d0d0;--defaultColor:#f1a1a1;--darkColor:#e34242;--darkestColor:#ae2a2a;--transparentColor:rgba(174,42,42,0.15)}.FuturePage__lightBlue__oo9rH,.FuturePage__darkBlue__xOEQE{--lightestColor:#f0f3ff;--lightColor:#dfe9fd;--defaultColor:#82aaf9;--darkColor:#3172f5;--darkestColor:#1d4492;--transparentColor:rgba(29,68,146,0.15)}.FuturePage__lightGreen__W-30o,.FuturePage__darkGreen__k2rgK{--lightestColor:#ecf8e8;--lightColor:#d6ebd0;--defaultColor:#b9ddae;--darkColor:#4fab34;--darkestColor:#387a25;--transparentColor:rgba(56,122,37,0.15)}.FuturePage__lightOrange__tsuAS,.FuturePage__darkOrange__0rP6p{--lightestColor:#fef7eb;--lightColor:#fce7c3;--defaultColor:#face87;--darkColor:#d6901c;--darkestColor:#b77a14;--transparentColor:rgba(183,122,20,0.15)}.FuturePage__darkCyan__2Oeoz{--defaultColor:#006286}.FuturePage__darkRed__3TYTZ{--defaultColor:#ae2a2a}.FuturePage__darkBlue__xOEQE{--defaultColor:#1d4492}.FuturePage__darkGreen__k2rgK{--defaultColor:#387a25}.FuturePage__darkOrange__0rP6p{--defaultColor:#b77a14}.FuturePage__oxford__lH8us{--lightestColor:#9ca5d9;--lightColor:#6a78c6;--defaultColor:#495ab9;--darkColor:#6a78c6;--darkestColor:#404fa2;--transparentColor:rgba(64,79,162,0.15)}.FuturePage__coral__3q1Qr{--lightestColor:#fbb5b5;--lightColor:#f99d9d;--defaultColor:#f88484;--darkColor:#f99d9d;--darkestColor:#e46565;--transparentColor:rgba(228,101,101,0.15)}.FuturePage__merlot__tLR6s{--lightestColor:#d0a0ae;--lightColor:#c08093;--defaultColor:#b06078;--darkColor:#c08093;--darkestColor:#9c546a;--transparentColor:rgba(156,84,106,0.15)}.FuturePage__snow__z2I6W,.FuturePage__info__7e5eO{--lightestColor:#f5f6f7;--lightColor:#edeff1;--defaultColor:#8c95a5;--darkColor:#3c425a;--darkestColor:#1c2234;--transparentColor:rgba(28,34,52,0.15)}.FuturePage__satin__GjBIh{--defaultColor:#8c95a5;--darkColor:#3c425a;--darkestColor:#1c2234;--transparentColor:rgba(28,34,52,0.15);border:1px solid #6a7185;background:#edeff1;color:#1c2234}.FuturePage__satin__GjBIh i{color:#4d556c}.FuturePage__stone__XzPa1{--lightestColor:#afbac6;--lightColor:#8c95a5;--defaultColor:#6a7185;--darkColor:#4d556c;--darkestColor:#3c425a;--transparentColor:rgba(60,66,90,0.15)}.FuturePage__stone__XzPa1 i{color:#fff}.FuturePage__gray__-CWUF{background:rgba(255,255,255,0.4);color:#3172f5}.FuturePage__darkGray__91FSd{background:#f4f6fd;color:#4d556c}.FuturePage__darkGray__91FSd .FuturePage__icon__tDHXu{color:#4d556c}@media (hover:hover){.FuturePage__darkGray__91FSd:hover.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp){background:#bbc4cf}.FuturePage__darkGray__91FSd:active.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp){background:#b7c1cc;color:#fff}}.FuturePage__midnight__UN-dL{--lightestColor:#afbac6;--lightColor:#8c95a5;--defaultColor:#1c2234;--darkColor:#8c95a5;--darkestColor:#4d556c;--transparentColor:rgba(77,85,108,0.15)}.FuturePage__white__ZY-Zn{background:#fff;color:#3172f5}.FuturePage__darkTransparent__9GUg4{border:1px solid transparent;background:rgba(0,0,0,0.7);color:#edeff1}.FuturePage__darkTransparent__9GUg4 i{color:#4d556c}@media (hover:hover){.FuturePage__darkTransparent__9GUg4:hover.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp){background:rgba(0,0,0,0.8)}.FuturePage__darkTransparent__9GUg4:active.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp){background:#122958}.FuturePage__darkTransparent__9GUg4:active.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp),.FuturePage__darkTransparent__9GUg4:active.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp) i{color:#fff}}.FuturePage__card__EQvoR{border:solid 1px #ced5df;background:#fff;color:#4d556c}.FuturePage__card__EQvoR h1,.FuturePage__card__EQvoR h2,.FuturePage__card__EQvoR h3,.FuturePage__card__EQvoR h4,.FuturePage__card__EQvoR h5,.FuturePage__card__EQvoR h6{color:#1c2234}.FuturePage__creditCard__\+2rSw{--lightestColor:#66c8ec;--lightColor:#ffe766;--defaultColor:#0b0014;--darkColor:#006286;--darkestColor:#00415a}.FuturePage__creditCard__\+2rSw h1,.FuturePage__creditCard__\+2rSw h2,.FuturePage__creditCard__\+2rSw h3,.FuturePage__creditCard__\+2rSw h4,.FuturePage__creditCard__\+2rSw h5,.FuturePage__creditCard__\+2rSw h6{color:var(--lightColor)}.FuturePage__info__7e5eO{border:solid 1px #ced5df;border-radius:2px;background:#f5f6f7}.FuturePage__goal__PHoUC{border:1px solid #44932d;background:#ecf8e8;color:#1c2234}.FuturePage__goal__PHoUC.FuturePage__textOnly__NYysp{color:#44932d}.FuturePage__goal__PHoUC[role='progressbar']{background:#b9ddae}.FuturePage__goal__PHoUC i{color:#44932d}@media (hover:hover){.FuturePage__goal__PHoUC:hover.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp){background:#aae09a}.FuturePage__goal__PHoUC:active.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp){background:#45962d;color:#fff}.FuturePage__goal__PHoUC:active.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp) i{color:#fff}}.FuturePage__event__IyCJr{border:1px solid #6a7185;background:#edeff1;color:#1c2234}.FuturePage__event__IyCJr i{color:#6a7185}@media (hover:hover){.FuturePage__event__IyCJr:hover.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp){background:#ced5df}.FuturePage__event__IyCJr:active.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp){background:#6a7185}.FuturePage__event__IyCJr:active.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp),.FuturePage__event__IyCJr:active.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp) i{color:#fff}}.FuturePage__advisorTopicSelected__lIuXN{border:1px solid #ffd700;background:#2c325e;color:#fff}.FuturePage__advisorTopicSelected__lIuXN i{color:#ffd700}.FuturePage__advisorTopic__xnIlc{border:1px solid transparent;background:#ebedf7;color:#1c2234;-webkit-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54)}.FuturePage__advisorTopic__xnIlc i{color:#404fa2}@media (hover:hover){.FuturePage__advisorTopic__xnIlc:hover.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp){background:#404fa2;color:#fff}.FuturePage__advisorTopic__xnIlc:hover.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp) i{color:#ffd700}.FuturePage__advisorTopic__xnIlc:active.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp){border:1px solid #ffd700;background:#2c325e;color:#fff}.FuturePage__advisorTopic__xnIlc:active.FuturePage__clickable__tOaPu:not(.FuturePage__textOnly__NYysp) i{color:#ffd700}}.FuturePage__premium__ZwWHP:not(.FuturePage__textOnly__NYysp){background:#495ab9}.FuturePage__premium__ZwWHP.FuturePage__textOnly__NYysp{color:#ffd700}.FuturePage__solid__IjfCe{content:''}.FuturePage__outlined__GYYHM{border:1px solid currentColor}.FuturePage__insight__vLEHf{border-left:8px solid currentColor}.FuturePage__notification__PyMnk{border-bottom:1px solid currentColor}.FuturePage__hollow__EduXt p,.FuturePage__insight__vLEHf p,.FuturePage__textOnly__NYysp p{color:#4d556c}.FuturePage__hollow__EduXt{border:1px solid currentColor;background:none}.FuturePage__textOnly__NYysp,.FuturePage__textOnlyBig__bnKFt{border-color:transparent;background:none}.FuturePage__clickable__tOaPu{will-change:color,background,box-shadow,border,transform;-webkit-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -webkit-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-moz-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -moz-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-o-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -o-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-ms-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -ms-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06)}.FuturePage__futurePage__Y9vAu{content:''}.FuturePage__chevron__VFsYs{-webkit-transition:-webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:-moz-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:-o-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:-ms-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);height:8px;width:8px;display:inline-block;padding-bottom:1px;margin-left:3px}.FuturePage__module__XvqZa:not(:first-of-type){margin-top:48px}.FuturePage__quickLookSection__YHfqC{border-bottom:1px solid #ced5df;padding:0;margin-top:-24px;--h-space:0;padding:48px var(--h-space)}@media screen and (min-width: 375px){.FuturePage__quickLookSection__YHfqC{--h-space:12px}}@media screen and (min-width: 415px){.FuturePage__quickLookSection__YHfqC{--h-space:16px}}@media screen and (min-width: 768px){.FuturePage__quickLookSection__YHfqC{--h-space:24px}}@media screen and (min-width: 1440px){.FuturePage__quickLookSection__YHfqC{--h-space:32px}}.FuturePage__headerLink__FEbxS{font-family:"sans", "Arial", sans-serif;font-size:14px;line-height:2;font-weight:500}.FuturePage__headerLink__FEbxS:hover .FuturePage__chevron__VFsYs{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-o-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px)}.FuturePage__layerPreviewContainer__KDgnl{border:solid 1px #ced5df;background:#fff;bolor:#4d556c;box-shadow:1px 1px 2px 0 rgba(0,0,0,0.35);-webkit-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);border-radius:5px;margin-bottom:12px;padding:12px 12px 12px 12px;cursor:pointer}.FuturePage__layerPreviewContainer__KDgnl:hover{box-shadow:0 0 0 1px rgba(60,66,90,0.05),0 20px 20px rgba(60,66,90,0.12)}@media screen and (min-width: 415px){.FuturePage__layerPreviewContainer__KDgnl{padding:12px 16px 12px 16px}}.FuturePage__addLayerButton__gw77s{margin:0 12px;margin-bottom:24px}@media screen and (min-width: 375px){.FuturePage__addLayerButton__gw77s{margin-left:0;margin-right:0}}@media screen and (min-width: 768px){.FuturePage__addLayerButton__gw77s{margin:8px auto;width:256px}}.FuturePage__adjustButton__z-b05{width:96px;margin-right:-12px}.FuturePage__seeAllButton__sJHZR{margin-right:-12px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureNetworthForecastChart__futureNetworthForecastChart__4VyHA{content:''}.FutureNetworthForecastChart__chartLayout__yLXk0{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.FutureNetworthForecastChart__header__1vmJ2{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.FutureNetworthForecastChart__age__2qd5K{margin-bottom:4px;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;letter-spacing:normal;color:#8c95a5}.FutureNetworthForecastChart__sum__0gFB9{margin-bottom:12px;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:24px;color:#404fa2}.FutureNetworthForecastChart__chartWrapper__jRXpx{height:114px}@media screen and (min-width: 768px){.FutureNetworthForecastChart__chartWrapper__jRXpx{height:155px}}.FutureNetworthForecastChart__chart__y4Sef{width:100%;height:100%}.FutureNetworthForecastChart__series__2RwK9{-webkit-flex-shrink:0;flex-shrink:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureLineChartSeries__FutureLineChartSeries__Jxx2e{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:30px}.FutureLineChartSeries__section__ayRzw{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:10px;color:#8c95a5;position:relative;width:0;height:6px}.FutureLineChartSeries__section__ayRzw.FutureLineChartSeries__highlight__rcJ42{font-weight:600;color:#3c425a}.FutureLineChartSeries__text__6L5Qv{position:absolute;top:10px;text-align:center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.FutureLineChartSeries__text__6L5Qv:first-child{width:20px;word-wrap:break-word}.FutureLineChartSeries__rotate__9PrtZ .FutureLineChartSeries__text__6L5Qv{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.FutureLineChartSeries__axisLabel__dlXKg{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:10px;color:#8c95a5;position:absolute;text-align:center;width:100%;bottom:-3px;left:0}.FutureLineChartSeries__axisLabel__dlXKg .FutureLineChartSeries__labelText__YP4u3{background:#fff;padding:1px 2px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureLayersBar__FutureLayersBar__0Wu5b{position:relative;height:24px;margin-top:2px}.FutureLayersBar__layer__VydA8{height:24px;width:var(--width);position:absolute;top:0;left:var(--left);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 1024px){.FutureLayersBar__layer__VydA8:hover{z-index:2}}.FutureLayersBar__layerButton__9hdt6{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:0 50% 50%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);height:24px;width:24px;padding:4px;position:relative;text-transform:none;font-size:16px;line-height:1;-webkit-transition:-webkit-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 250ms cubic-bezier(0, 1.1, 0, 1.01);-moz-transition:-moz-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 250ms cubic-bezier(0, 1.1, 0, 1.01);-o-transition:-o-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 250ms cubic-bezier(0, 1.1, 0, 1.01);-ms-transition:-ms-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 250ms cubic-bezier(0, 1.1, 0, 1.01);transition:transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 250ms cubic-bezier(0, 1.1, 0, 1.01)}@media screen and (min-width: 1024px){.FutureLayersBar__layer__VydA8:hover .FutureLayersBar__layerButton__9hdt6{-webkit-transform:translateY(-6px) rotate(45deg);-moz-transform:translateY(-6px) rotate(45deg);-o-transform:translateY(-6px) rotate(45deg);-ms-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg);-webkit-transition:-webkit-transform 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54), opacity 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-moz-transition:-moz-transform 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54), opacity 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-o-transition:-o-transform 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54), opacity 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-ms-transition:-ms-transform 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54), opacity 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06);transition:transform 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54), opacity 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06)}}.FutureLayersBar__icon__GLM-3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);position:relative;top:0;left:1px}.FutureLayersBar__text__OVgsN{color:#8c95a5;position:absolute;width:200px;font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.2;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);pointer-events:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:-webkit-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 250ms cubic-bezier(0, 1.1, 0, 1.01);-moz-transition:-moz-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 250ms cubic-bezier(0, 1.1, 0, 1.01);-o-transition:-o-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 250ms cubic-bezier(0, 1.1, 0, 1.01);-ms-transition:-ms-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 250ms cubic-bezier(0, 1.1, 0, 1.01);transition:transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 250ms cubic-bezier(0, 1.1, 0, 1.01)}@media screen and (min-width: 1024px){.FutureLayersBar__layer__VydA8:hover .FutureLayersBar__text__OVgsN{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translate(16px,16px) rotate(-45deg);-moz-transform:translate(16px,16px) rotate(-45deg);-o-transform:translate(16px,16px) rotate(-45deg);-ms-transform:translate(16px,16px) rotate(-45deg);transform:translate(16px,16px) rotate(-45deg);-webkit-transition:-webkit-transform 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54), opacity 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-moz-transition:-moz-transform 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54), opacity 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-o-transition:-o-transform 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54), opacity 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-ms-transition:-ms-transform 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54), opacity 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06);transition:transform 400ms cubic-bezier(0.55, 0.54, 0.55, 0.54), opacity 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06)}}.FutureLayersBar__layersBackground__OSvJ4{width:100%;height:32px;cursor:pointer;position:relative;top:-2px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureNetworthBreakdownModule__futureNetworthBreakdownModule__4cJYE{--assets-color:#57bd39;--debts-color:#f2a422}.FutureNetworthBreakdownModule__breakdown__VdPNS{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:12px;border-radius:2px;border:solid 1px #afbac6;background-color:#f4f6fd;margin-top:24px}@media screen and (min-width: 768px){.FutureNetworthBreakdownModule__breakdown__VdPNS{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border:none;background-color:transparent;padding:0}}.FutureNetworthBreakdownModule__breakdownTable__TPzuC{margin-bottom:24px}.FutureNetworthBreakdownModule__breakdownTable__TPzuC:last-child{margin-bottom:0}@media screen and (min-width: 768px){.FutureNetworthBreakdownModule__breakdownTable__TPzuC{width:calc(((100% - 48px) / 2));margin-bottom:0}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureNetworthBreakdownTable__futureNetworthBreakdownTable__ZVG7V{content:''}.FutureNetworthBreakdownTable__header__w0ZoB{font-weight:500;padding-bottom:4px;border-bottom:1px solid var(--future-current-color)}.FutureNetworthBreakdownTable__category__20DmC{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-family:"sans", "Arial", sans-serif;font-size:13px;color:#4d556c;margin-bottom:12px;position:relative}.FutureNetworthBreakdownTable__category__20DmC:last-child{margin-bottom:0}.FutureNetworthBreakdownTable__title__YEq-b{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.FutureNetworthBreakdownTable__icon__QDZLk{width:16px;height:16px;margin-right:8px}.FutureNetworthBreakdownTable__amount__eO95D{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.FutureNetworthBreakdownTable__amount__eO95D:before{content:'';display:block;margin-right:6px;background:var(--future-current-color);width:8px;height:8px;border-radius:50%}.FutureNetworthBreakdownTable__age__ueh7\+{font-size:10px;font-weight:normal}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureColorPicker__futureColorPicker__YiQPS{content:''}.FutureColorPicker__futureColorPicker__YiQPS.FutureColorPicker__assets__wB3Zm.FutureColorPicker__color0__Ah0np{--future-current-color:#57bc39}.FutureColorPicker__futureColorPicker__YiQPS.FutureColorPicker__assets__wB3Zm.FutureColorPicker__color1__94-pb{--future-current-color:#6fcb54}.FutureColorPicker__futureColorPicker__YiQPS.FutureColorPicker__assets__wB3Zm.FutureColorPicker__color2__I1XQg{--future-current-color:#8bd575}.FutureColorPicker__futureColorPicker__YiQPS.FutureColorPicker__assets__wB3Zm.FutureColorPicker__color3__P02R8{--future-current-color:#a6df95}.FutureColorPicker__futureColorPicker__YiQPS.FutureColorPicker__assets__wB3Zm.FutureColorPicker__color4__Nzsoh{--future-current-color:#c1e9b6}.FutureColorPicker__futureColorPicker__YiQPS.FutureColorPicker__assets__wB3Zm.FutureColorPicker__color5__u824q{--future-current-color:#ddf3d7}.FutureColorPicker__futureColorPicker__YiQPS.FutureColorPicker__debts__XVkk4.FutureColorPicker__color0__Ah0np{--future-current-color:#e7960e}.FutureColorPicker__futureColorPicker__YiQPS.FutureColorPicker__debts__XVkk4.FutureColorPicker__color1__94-pb{--future-current-color:#f3a82d}.FutureColorPicker__futureColorPicker__YiQPS.FutureColorPicker__debts__XVkk4.FutureColorPicker__color2__I1XQg{--future-current-color:#f5b955}.FutureColorPicker__futureColorPicker__YiQPS.FutureColorPicker__debts__XVkk4.FutureColorPicker__color3__P02R8{--future-current-color:#f7c97d}.FutureColorPicker__futureColorPicker__YiQPS.FutureColorPicker__debts__XVkk4.FutureColorPicker__color4__Nzsoh{--future-current-color:#fadaa5}.FutureColorPicker__futureColorPicker__YiQPS.FutureColorPicker__debts__XVkk4.FutureColorPicker__color5__u824q{--future-current-color:#fcebcd}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureNetworthBreakdownChart__FutureNetworthBreakdownChart__owEw6{content:''}.FutureNetworthBreakdownChart__chartLayout__lJQFi{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.FutureNetworthBreakdownChart__header__B5n14{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.FutureNetworthBreakdownChart__age__0apLn{margin-bottom:4px;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;letter-spacing:normal;color:#8c95a5}.FutureNetworthBreakdownChart__sums__yqX5V{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%}.FutureNetworthBreakdownChart__col__qGnEp{margin:0 12px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}@media screen and (min-width: 375px){.FutureNetworthBreakdownChart__col__qGnEp{margin:0 20px}}@media screen and (min-width: 768px){.FutureNetworthBreakdownChart__col__qGnEp{margin:0 24px}}.FutureNetworthBreakdownChart__assets__kRBFH{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;margin-left:0}.FutureNetworthBreakdownChart__debts__nj1pJ{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;margin-right:0}.FutureNetworthBreakdownChart__title__Dcdeu{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;color:#4d556c;margin-bottom:2px}.FutureNetworthBreakdownChart__sum__vRghN{margin-bottom:12px;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:20px;color:var(--future-current-color)}@media screen and (min-width: 375px){.FutureNetworthBreakdownChart__sum__vRghN{font-size:22px}}@media screen and (min-width: 415px){.FutureNetworthBreakdownChart__sum__vRghN{font-size:24px}}.FutureNetworthBreakdownChart__chartWrapper__xfNYD{height:114px}@media screen and (min-width: 768px){.FutureNetworthBreakdownChart__chartWrapper__xfNYD{height:155px}}.FutureNetworthBreakdownChart__series__b7k3b{-webkit-flex-shrink:0;flex-shrink:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.StackedChart__StackedChart__50bXl{content:''}.StackedChart__chartWrapper__I107z{height:114px}@media screen and (min-width: 768px){.StackedChart__chartWrapper__I107z{height:155px}}.StackedChart__chart__qQZAh{width:100%;height:100%}.StackedChart__axis__vt3MB{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;top:var(--zero-offset);border-bottom:2px solid #ced5df;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.StackedChart__item__DVVPj{width:var(--bar-width)}.StackedChart__item__DVVPj.StackedChart__lolight__3XLLt{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.BreakdownDate__BreakdownDate__BQtir{position:relative;width:100%}.BreakdownDate__block__xbZe2{height:var(--amount);width:100%;background-color:var(--future-current-color)}.BreakdownDate__positive__cZkyS{position:absolute;top:-1px;left:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;border-top-left-radius:4px;border-top-right-radius:4px;overflow:hidden}.BreakdownDate__negative__dUjg7{position:absolute;top:2px;left:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:hidden}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FutureBreakDownChartSeries__futureBreakDownChartSeries__xcWaP{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:30px}.FutureBreakDownChartSeries__section__xMjTM{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:10px;color:#8c95a5;position:relative;height:6px;width:calc((100% / var(--count)) / 2)}.FutureBreakDownChartSeries__section__xMjTM.FutureBreakDownChartSeries__highlight__H2OzT{font-weight:600;color:#3c425a}.FutureBreakDownChartSeries__text__DFrJp{position:absolute;top:10px;left:50%;text-align:center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);word-wrap:break-word}.FutureBreakDownChartSeries__rotate__eg2k\+ .FutureBreakDownChartSeries__text__DFrJp{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.FutureBreakDownChartSeries__axisLabel__6vood{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:10px;color:#8c95a5;position:absolute;text-align:center;width:100%;bottom:-3px;left:0}.FutureBreakDownChartSeries__axisLabel__6vood .FutureBreakDownChartSeries__labelText__v1Hdn{background:#fff;padding:1px 2px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.VideoCallPagePreset__videoCallPagePreset__B9YjB{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#f5f6f7;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:16px;min-height:100vh;--h-space:0;padding:0 var(--h-space);padding-top:16px}@media screen and (min-width: 375px){.VideoCallPagePreset__videoCallPagePreset__B9YjB{padding-top:24px;--h-space:12px}}@media screen and (min-width: 415px){.VideoCallPagePreset__videoCallPagePreset__B9YjB{padding-top:32px;--h-space:16px}}@media screen and (min-width: 768px){.VideoCallPagePreset__videoCallPagePreset__B9YjB{--h-space:24px}}@media screen and (min-width: 1024px){.VideoCallPagePreset__videoCallPagePreset__B9YjB{--h-space:32px}}.VideoCallPagePreset__videoCallPagePreset__B9YjB h2{line-height:1.4}.VideoCallPagePreset__videoCallPagePreset__B9YjB.VideoCallPagePreset__fullScreen__jqmz6{padding:0;background-color:unset;min-height:unset;height:var(--innerHeight)}@media screen and (min-width: 768px){.VideoCallPagePreset__videoCallPagePreset__B9YjB.VideoCallPagePreset__fullScreen__jqmz6{height:100vh}}.VideoCallPagePreset__footer__XsK5I{-webkit-flex-shrink:0;flex-shrink:0;height:56px;margin:0}.VideoCallPagePreset__fullScreen__jqmz6 .VideoCallPagePreset__footer__XsK5I{display:none}.VideoCallPagePreset__maxWidth__LPdRg{max-width:736px;margin:0 auto;width:100%}.VideoCallPagePreset__fullScreen__jqmz6 .VideoCallPagePreset__maxWidth__LPdRg{max-width:unset}.VideoCallPagePreset__headerWrapper__LPtpw{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:24px;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.VideoCallPagePreset__fullScreen__jqmz6 .VideoCallPagePreset__headerWrapper__LPtpw{display:none}@media screen and (min-width: 768px){.VideoCallPagePreset__headerWrapper__LPtpw{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.VideoCallPagePreset__header__28LMf{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-shrink:0;flex-shrink:0;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;padding:12px;background:#f4f6fd;border:1px solid #ced5df;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#1c2234;width:100%;box-shadow:0 2px 5px 0 rgba(0,0,0,0.2)}@media screen and (min-width: 768px){.VideoCallPagePreset__header__28LMf{padding:12px 16px;width:auto}}.VideoCallPagePreset__header__28LMf h1{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:19px;line-height:1.3}@media screen and (min-width: 375px){.VideoCallPagePreset__header__28LMf h1{font-size:20px}}.VideoCallPagePreset__header__28LMf h2{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:13px;line-height:1.4}@media screen and (min-width: 375px){.VideoCallPagePreset__header__28LMf h2{font-size:14px}}.VideoCallPagePreset__header__28LMf > button{margin-left:auto;padding-left:16px;padding-right:16px}@media screen and (min-width: 375px){.VideoCallPagePreset__header__28LMf > button{padding-left:24px;padding-right:24px}}@media screen and (min-width: 768px){.VideoCallPagePreset__header__28LMf > button{padding-left:auto;padding-right:auto}}.VideoCallPagePreset__fullScreen__jqmz6 .VideoCallPagePreset__header__28LMf{display:none}.VideoCallPagePreset__logoWrapper__SKwsh{margin-right:24px;margin-bottom:16px;padding-left:12px}@media screen and (min-width: 375px){.VideoCallPagePreset__logoWrapper__SKwsh{margin-bottom:24px}}@media screen and (min-width: 375px){.VideoCallPagePreset__logoWrapper__SKwsh{margin-bottom:32px}}@media screen and (min-width: 768px){.VideoCallPagePreset__logoWrapper__SKwsh{margin-bottom:0}}.VideoCallPagePreset__block__I-oSe{border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);border:solid 1px #ced5df;background-color:#fff}.VideoCallPagePreset__content__YpdUK{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;margin-bottom:24px;background-color:#fff;overflow:hidden;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;text-align:center}.VideoCallPagePreset__content__YpdUK > h4{font-weight:300;font-size:14px;line-height:1.4}@media screen and (min-width: 768px){.VideoCallPagePreset__content__YpdUK{padding:32px 24px}}.VideoCallPagePreset__fullScreen__jqmz6 .VideoCallPagePreset__content__YpdUK{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;border:none;border-radius:0;box-shadow:unset;padding:0;margin:0}.VideoCallPagePreset__controls__Dw1JX{-webkit-flex-shrink:0;flex-shrink:0;margin-bottom:32px;background-color:#f4f6fd;padding:16px 12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom-left-radius:0;border-bottom-right-radius:0}@media screen and (min-width: 768px){.VideoCallPagePreset__controls__Dw1JX{padding:16px}}.VideoCallPagePreset__fullScreen__jqmz6 .VideoCallPagePreset__controls__Dw1JX{border:none;box-shadow:unset;margin:0;background-color:unset;position:absolute;z-index:2;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);max-width:735px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);background-color:rgba(0,0,0,0.7);-webkit-transition:opacity 400ms;-moz-transition:opacity 400ms;-o-transition:opacity 400ms;-ms-transition:opacity 400ms;transition:opacity 400ms;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);visibility:hidden}.VideoCallPagePreset__fullScreen__jqmz6.VideoCallPagePreset__controlsVisible__nu0MC .VideoCallPagePreset__controls__Dw1JX{opacity:1;-ms-filter:none;filter:none;visibility:visible}.VideoCallPagePreset__bottomCta__tuW6t{text-align:center;margin-bottom:32px}.VideoCallPagePreset__fullScreen__jqmz6 .VideoCallPagePreset__bottomCta__tuW6t{display:none}.VideoCallPagePreset__avatar__FT7KK{width:40px;height:40px;margin-left:-4px;margin-top:-1px;margin-right:12px;-webkit-flex-shrink:0;flex-shrink:0}@media screen and (min-width: 375px){.VideoCallPagePreset__avatar__FT7KK{width:48px;height:48px}}@media screen and (min-width: 415px){.VideoCallPagePreset__showOnMobile__hcHh9{display:none}}.VideoCallPagePreset__spacer__ymJGI{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.VideoCallPagePreset__fullScreen__jqmz6 .VideoCallPagePreset__spacer__ymJGI{display:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.VideoFrameWrapper__video__KRMS6{position:relative;font-size:0;height:100%}@media screen and (min-width: 768px){.VideoFrameWrapper__video__KRMS6{width:100%;height:unset}}.VideoFrameWrapper__video__KRMS6.VideoFrameWrapper__mainFrame__n9j1S{width:100%;height:unset}.VideoFrameWrapper__video__KRMS6.VideoFrameWrapper__mainFrame__n9j1S.VideoFrameWrapper__fullScreen__a8khn{width:100%;height:100%;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.VideoFrameWrapper__placeholder__8G6fA{height:100%;width:auto}@media screen and (min-width: 768px){.VideoFrameWrapper__placeholder__8G6fA{width:100%;height:auto}}.VideoFrameWrapper__mainFrame__n9j1S .VideoFrameWrapper__placeholder__8G6fA{width:100%;height:auto}.VideoFrameWrapper__mainFrame__n9j1S.VideoFrameWrapper__fullScreen__a8khn .VideoFrameWrapper__placeholder__8G6fA{display:none}.VideoFrameWrapper__videoWrapper__Qxjke{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;-o-transition:opacity 250ms;-ms-transition:opacity 250ms;transition:opacity 250ms;z-index:1}.VideoFrameWrapper__videoMuted__QsJJe .VideoFrameWrapper__videoWrapper__Qxjke{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.VideoFrameWrapper__person__mGtgQ{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.VideoFrameWrapper__personWrapper__9bZ0S{border-radius:50%;border:1px solid #4d556c;color:#4d556c;width:32px;height:32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:3px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.VideoFrameWrapper__personIconWrapper__eKI2K{overflow:hidden;width:22px;height:23px}.VideoFrameWrapper__personIcon__f37e0{width:48px;height:48px}.VideoFrameWrapper__actions__JgRd0{position:absolute;top:10px;left:10px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;z-index:2}.VideoFrameWrapper__actions__JgRd0 > *{margin-right:8px}.VideoFrameWrapper__actions__JgRd0 > button{content:'';height:32px;padding:0 8px;padding-top:2px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}@media screen and (min-width: 768px){.VideoFrameWrapper__actions__JgRd0 > button{padding-top:1px}}.VideoFrameWrapper__actions__JgRd0 > button span{top:0}.VideoFrameWrapper__iconWrapper__sQZgS{width:20px}.VideoFrameWrapper__isMainFrame__NMVuj{cursor:default}@media screen and (min-width: 768px){.VideoFrameWrapper__isMainFrame__NMVuj .VideoFrameWrapper__statuses__mt8BO{position:absolute;bottom:12px;right:12px}.VideoFrameWrapper__isMainFrame__NMVuj .VideoFrameWrapper__muted__P0Sqm{padding:6px;font-size:13px}}.VideoFrameWrapper__statuses__mt8BO{position:absolute;bottom:8px;right:8px;font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.2;z-index:2}.VideoFrameWrapper__muted__P0Sqm,.VideoFrameWrapper__connecting__YT0Oq{cursor:default;background:rgba(0,0,0,0.7);padding:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#edeff1;padding:4px}.VideoFrameWrapper__connecting__YT0Oq{content:''}.VideoFrameWrapper__pinWrapper__wVxm6{padding:4px 4px;width:20px;height:20px;position:relative;top:-8px;left:-8px;opacity:1;-ms-filter:none;filter:none;-webkit-transition:opacity 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:opacity 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:opacity 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:opacity 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:opacity 250ms cubic-bezier(0.55, 0.54, 0.55, 0.54)}@media screen and (min-width: 768px){.VideoFrameWrapper__pinWrapper__wVxm6{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}.VideoFrameWrapper__pinWrapper__wVxm6 > button{padding:2px}.VideoFrameWrapper__video__KRMS6:hover .VideoFrameWrapper__pinWrapper__wVxm6{opacity:1;-ms-filter:none;filter:none}.VideoFrameWrapper__mirrored__P0-74 video{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.VideoFrame__video__3fDm-{width:100%;height:100%;text-align:left}.VideoFrame__subtreeWrapper__W6yzZ{width:100%;height:100%}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CallPanelPreset__callPanelPreset__uUFl7{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}@media screen and (min-width: 768px){.CallPanelPreset__callPanelPreset__uUFl7{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.CallPanelPreset__callPanelPreset__uUFl7.CallPanelPreset__fullScreen__\+ppZw{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}@media screen and (min-width: 768px){.CallPanelPreset__callPanelPreset__uUFl7.CallPanelPreset__fullScreen__\+ppZw{height:100%}}.CallPanelPreset__mainFrame__4sOGA{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#f4f6fd;border-radius:5px;overflow:hidden}@media screen and (min-width: 768px){.CallPanelPreset__mainFrame__4sOGA{width:75%;border:1px solid #ced5df;border-radius:5px}}.CallPanelPreset__fullScreen__\+ppZw .CallPanelPreset__mainFrame__4sOGA{border:none;border-radius:0;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}@media screen and (min-width: 768px){.CallPanelPreset__fullScreen__\+ppZw .CallPanelPreset__mainFrame__4sOGA{border:none;border-radius:0;-webkit-box-flex:unset;-moz-box-flex:unset;-o-box-flex:unset;-ms-box-flex:unset;box-flex:unset;-webkit-flex-grow:unset;flex-grow:unset}}.CallPanelPreset__noParticipants__joNCX .CallPanelPreset__mainFrame__4sOGA{content:''}@media screen and (min-width: 768px){.CallPanelPreset__noParticipants__joNCX .CallPanelPreset__mainFrame__4sOGA{width:100%;padding-right:0}}.CallPanelPreset__participants__Bu4QD{padding-top:calc((100% / var(--aspectRatio) / 2.5));-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 768px){.CallPanelPreset__participants__Bu4QD{width:25%;margin-left:16px}}.CallPanelPreset__fullScreen__\+ppZw .CallPanelPreset__participants__Bu4QD{content:''}@media screen and (min-width: 768px){.CallPanelPreset__fullScreen__\+ppZw .CallPanelPreset__participants__Bu4QD{margin-left:0;background-color:#000}}.CallPanelPreset__noParticipants__joNCX .CallPanelPreset__participants__Bu4QD{display:none}@media screen and (min-width: 768px){.CallPanelPreset__noParticipants__joNCX .CallPanelPreset__participants__Bu4QD{display:none}}.CallPanelPreset__participantsPlaceholder__ZVIm6{position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:scroll;background-color:#f4f6fd;border-top:2px solid #ced5df}@media screen and (min-width: 768px){.CallPanelPreset__participantsPlaceholder__ZVIm6{overflow-x:auto;overflow-y:auto;border:none;background-color:transparent}}.CallPanelPreset__participantsWrapper__DDGai{height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 768px){.CallPanelPreset__participantsWrapper__DDGai{height:auto;width:100%;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:1px solid #ced5df;border-radius:5px;background-color:#f4f6fd}}.CallPanelPreset__fullScreen__\+ppZw .CallPanelPreset__participantsWrapper__DDGai{background-color:#000}@media screen and (min-width: 768px){.CallPanelPreset__fullScreen__\+ppZw .CallPanelPreset__participantsWrapper__DDGai{background-color:#000;border:none;border-radius:0}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ControlPanel__controlPanel__EW\+yy{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;margin-bottom:-24px}@media screen and (min-width: 768px){.ControlPanel__controlPanel__EW\+yy{-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.ControlPanel__item__p7WAP{width:calc(100% / 2 - 8px);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:24px}.ControlPanel__item__p7WAP:not(:first-of-type){border-left:1px solid #ced5df;padding-left:12px}.ControlPanel__item__p7WAP:nth-of-type(3){border-left:none;padding-left:0}@media screen and (min-width: 768px){.ControlPanel__item__p7WAP{width:unset;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;margin-right:16px}.ControlPanel__item__p7WAP:last-child{margin-right:0}.ControlPanel__item__p7WAP:not(:first-of-type){padding-left:16px}.ControlPanel__item__p7WAP:nth-of-type(3){border-left:1px solid #ced5df;padding-left:16px}}.ControlPanel__screenShare__3pKjk{color:#4d556c}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.StreamControlPreset__streamControlPreset__3DDma{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;--state-on-color:#57bd39;--state-off-color:#e34242;--current-color:#3172f5;--button-color:#4d556c}.StreamControlPreset__streamControlPreset__3DDma.StreamControlPreset__fullScreen__jWH-Z{--state-on-color:#b9ddae;--state-off-color:#ecaeae;--current-color:#f5f6f7;--button-color:#f5f6f7}.StreamControlPreset__streamControlPreset__3DDma.StreamControlPreset__on__mRKMJ{--color:var(--state-on-color)}.StreamControlPreset__streamControlPreset__3DDma.StreamControlPreset__off__y32Xz{--color:var(--state-off-color)}.StreamControlPreset__streamControlPreset__3DDma.StreamControlPreset__error__6SoGF{--color:var(--state-off-color)}.StreamControlPreset__streamControlPreset__3DDma.StreamControlPreset__disabled__NbVHw{opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);pointer-events:none}.StreamControlPreset__streamControlPreset__3DDma.StreamControlPreset__progress__aYdPQ{opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40)}.StreamControlPreset__button__mAy3V{width:32px;height:32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:6px;-webkit-flex-shrink:0;flex-shrink:0;border-radius:50%;border:2px solid var(--color);padding:5px;color:var(--button-color);position:relative}.StreamControlPreset__progressOverlay__weIK1{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.StreamControlPreset__meter__B1CAS{margin-right:6px;-webkit-flex-shrink:0;flex-shrink:0}.StreamControlPreset__right__YERw\+{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.StreamControlPreset__content__Cy\+i3{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:12px;color:var(--current-color);margin-bottom:3px}.StreamControlPreset__content__Cy\+i3 span{color:#4d556c;font-weight:400}.StreamControlPreset__content__Cy\+i3 small{font-size:11px}.StreamControlPreset__status__I8Wud{color:var(--color);font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.DeviceSelect__select__cPg4i{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:16px}@media screen and (min-width: 768px){.DeviceSelect__select__cPg4i{font-size:12px}}.DeviceSelect__dropdown__3N2Wt{width:100%;position:relative;top:-20px}.DeviceSelect__labelInput__XzcK8{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.DeviceSelect__labelInput__XzcK8:placeholder{color:#afbac6}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PlainSelectInput__plainSelectInput__tb02y{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer}.PlainSelectInput__plainSelectInput__tb02y input{border:none;padding:0;font-size:inherit;outline:none;background:transparent;color:inherit;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;width:100%}.PlainSelectInput__plainSelectInput__tb02y::after{-webkit-transition:-webkit-transform 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:-moz-transform 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:-o-transform 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:-ms-transform 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:transform 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);content:'';display:block;border:7px solid transparent;border-top-color:#3172f5;pointer-events:none;-webkit-flex-shrink:0;flex-shrink:0;position:relative;top:6px;-webkit-transform-origin:6px 2px;-moz-transform-origin:6px 2px;-o-transform-origin:6px 2px;-ms-transform-origin:6px 2px;transform-origin:6px 2px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);margin-left:4px}.PlainSelectInput__isOpen__QAUw3::after{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.QualityIndicator__qualityIndicator__tZssH{-webkit-flex-shrink:0;flex-shrink:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:2px;height:33px;border-radius:2px;overflow:hidden}.QualityIndicator__qualityIndicator__tZssH .QualityIndicator__level__fQ97J{width:100%;background-color:#ced5df;margin-bottom:2px}.QualityIndicator__qualityIndicator__tZssH .QualityIndicator__level__fQ97J:last-child{margin-bottom:0}.QualityIndicator__qualityIndicator__tZssH .QualityIndicator__level__fQ97J.QualityIndicator__activeLevel__UG-Cd{background-color:#f2a422;background-color:var(--enabled-color)}.QualityIndicator__qualityIndicator__tZssH .QualityIndicator__level__fQ97J.QualityIndicator__activeLevel__UG-Cd:nth-child(1){background-color:#e34242}.QualityIndicator__qualityIndicator__tZssH .QualityIndicator__level__fQ97J.QualityIndicator__activeLevel__UG-Cd:nth-child(2),.QualityIndicator__qualityIndicator__tZssH .QualityIndicator__level__fQ97J.QualityIndicator__activeLevel__UG-Cd:nth-child(3){background-color:#f2a422}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.NotStartedYet__notStartedYet__t6yB2{padding:12px}@media screen and (min-width: 768px){.NotStartedYet__notStartedYet__t6yB2{padding:48px}}.NotStartedYet__remainHeader__BHsZZ{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:20px;color:#1c2234;margin-bottom:32px;text-align:center}.NotStartedYet__remain__uMPI-{font-family:"sans", "Arial", sans-serif;font-size:20px;color:#1c2234;margin-bottom:12px;text-align:center}.NotStartedYet__remain__uMPI- b{font-weight:600}.NotStartedYet__scheduled__XVCSC{font-family:"sans", "Arial", sans-serif;font-size:15px;color:#afbac6;text-align:center}@media screen and (min-width: 415px){.NotStartedYet__scheduled__XVCSC{font-size:16px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.TestCam__video__27N6d{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;border:1px solid #ced5df;border-radius:5px;overflow:hidden;background-color:#edeff1;width:100%;margin:16px 0;height:100%;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;text-align:left}@media screen and (min-width: 415px){.TestCam__video__27N6d{margin:24px 0}}@media screen and (min-width: 768px){.TestCam__video__27N6d{margin:32px 0}}.TestCam__videoWrapper__kwTR0{position:absolute;top:0;left:0;width:100%;height:100%}.TestCam__person__Z2eWO{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.TestCam__personWrapper__4Yz-6{border-radius:50%;border:1px solid #4d556c;color:#4d556c;width:32px;height:32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:3px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.TestCam__personIconWrapper__54OYW{overflow:hidden;width:22px;height:23px}.TestCam__personIcon__6etZR{width:48px;height:48px}.TestCam__placeholder__4HSfZ{content:''}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorReviewPage__advisorReviewPage__yJzPG{background:#edeff1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.AdvisorReviewPage__divider__cG\+H0{width:100%;border:1px solid #edeff1}.AdvisorReviewPage__subtitle__C3C1j{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.4;color:#4d556c;text-align:center;margin-top:12px;margin-bottom:24px}.AdvisorReviewPage__advisorWrapper__o7V8A{margin-bottom:24px}.AdvisorReviewPage__reviewForm__-Cs22{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.4;color:#4d556c}.AdvisorReviewPage__reviewForm__-Cs22 > fieldset{margin:24px 0}.AdvisorReviewPage__reviewForm__-Cs22 > fieldset > label{color:#1c2234;font-size:12px;font-weight:500;margin-bottom:4px}.AdvisorReviewPage__reviewForm__-Cs22 > fieldset > textarea{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.5;color:#4d556c;outline:none;margin-top:5px;border-radius:5px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);background-color:#edeff1;border:none;padding:8px;margin-bottom:8px;max-width:100%;min-width:100%;min-height:96px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;resize:vertical}.AdvisorReviewPage__reviewForm__-Cs22 > fieldset > textarea.AdvisorReviewPage__error__8REe3{border:1px solid #e34242}.AdvisorReviewPage__reviewForm__-Cs22 > fieldset > small{color:#8c95a5;font-size:11px;display:block}.AdvisorReviewPage__reviewForm__-Cs22 > fieldset > small.AdvisorReviewPage__error__8REe3{color:#e34242;margin-bottom:4px}.AdvisorReviewPage__checkbox__NfpiJ label{font-size:12px;color:#8c95a5}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorPublicPagePreset__AdvisorPublicPagePreset__CHD5d{content:''}.AdvisorPublicPagePreset__AdvisorPublicPagePreset__CHD5d .AdvisorPublicPagePreset__pageHeader__Zt-5T{margin:0}.AdvisorPublicPagePreset__header__FQU1L{content:''}.AdvisorPublicPagePreset__pageContent__49YUu{background-color:#f5f6f7}.AdvisorPublicPagePreset__introduction__TR\+cB{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.5;color:#4d556c;padding:12px 16px;display:block}@media screen and (min-width: 768px){.AdvisorPublicPagePreset__introduction__TR\+cB{padding:24px}}.AdvisorPublicPagePreset__cta__KM8XF{margin-bottom:48px;text-align:center}@media screen and (min-width: 375px){.AdvisorPublicPagePreset__cta__KM8XF{margin-bottom:56px}}.AdvisorPublicPagePreset__rating__lsce4{margin-bottom:48px;padding:16px}@media screen and (min-width: 375px){.AdvisorPublicPagePreset__rating__lsce4{margin-bottom:56px}}.AdvisorPublicPagePreset__certifications__wwkDy{content:''}.AdvisorPublicPagePreset__certificate__tmVGy{padding:12px 16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ModulePreset__modulePreset__sCBEm{margin-bottom:48px}@media screen and (min-width: 375px){.ModulePreset__modulePreset__sCBEm{margin-bottom:56px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorHeader__advisorHeader__8BiXx{min-height:128px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-image:-webkit-linear-gradient(top, #2c325e, #404fa2);background-image:-moz-linear-gradient(top, #2c325e, #404fa2);background-image:-o-linear-gradient(top, #2c325e, #404fa2);background-image:-ms-linear-gradient(top, #2c325e, #404fa2);background-image:linear-gradient(to bottom, #2c325e, #404fa2);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:16px 0}@media screen and (min-width: 768px){.AdvisorHeader__advisorHeader__8BiXx{height:144px}}.AdvisorHeader__column__w0cjI{--h-space:8px;margin-left:var(--h-space);margin-right:var(--h-space);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}@media screen and (min-width: 375px){.AdvisorHeader__column__w0cjI{--h-space:16px}}@media screen and (min-width: 768px){.AdvisorHeader__column__w0cjI{--h-space:48px}}@media screen and (min-width: 1024px){.AdvisorHeader__column__w0cjI{width:640px;--h-space:auto}}.AdvisorHeader__left__6wXJ4{--avatar-border1-width:3.5px;--avatar-border2-width:1px;-webkit-flex-shrink:0;flex-shrink:0;width:80px;margin-right:calc(12px - var(--avatar-border1-width))}@media screen and (min-width: 768px){.AdvisorHeader__left__6wXJ4{--avatar-border1-width:7px;--avatar-border2-width:2px;width:158px;margin-right:calc(24px - var(--avatar-border1-width))}}.AdvisorHeader__avatar__9o0bW{width:80px;height:80px;border-radius:50%;margin-left:calc(-1 * var(--avatar-border1-width))}@media screen and (min-width: 768px){.AdvisorHeader__avatar__9o0bW{width:158px;height:158px}}.AdvisorHeader__right__ZMRDr{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.AdvisorHeader__name__r5Ays{font-family:"serif", "Georgia", serif;font-weight:300;font-size:30px;color:#fff;margin-bottom:10px}@media screen and (min-width: 768px){.AdvisorHeader__name__r5Ays{font-size:42px;margin-bottom:12px}}.AdvisorHeader__certificates__IL1bT{font-family:"sans", "Arial", sans-serif;font-size:16px;letter-spacing:.2px;margin-bottom:12px;color:#eef0f9;font-weight:600}.AdvisorHeader__certificates__IL1bT span{color:#9ca5d9;font-weight:400}.AdvisorHeader__rating__Anv1D{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorRating__advisorRating__\+0olh{font-family:"sans", "Arial", sans-serif;font-size:16px;color:#ffd700;letter-spacing:.2px;height:28px;background-color:#242d5f;padding:0 12px;border-radius:30px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}@media screen and (min-width: 768px){.AdvisorRating__advisorRating__\+0olh{font-weight:600}}.AdvisorRating__stars__GTwaW{margin-left:6px;color:#36448c}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.StarsRow__starsRow__8ifDr{position:relative}.StarsRow__star__Zu5w1{width:var(--star-size);height:var(--star-size);margin-right:4px}.StarsRow__grayRow__Z9zJI{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;color:currentColor}.StarsRow__goldRow__SrT8V{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;color:#ffd700;width:var(--ratio);overflow:hidden;position:absolute;top:0;left:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorCertificate__advisorCertificate__U8gsv{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.AdvisorCertificate__left__mhVHc{width:44px;margin-right:16px;-webkit-flex-shrink:0;flex-shrink:0;position:relative}.AdvisorCertificate__image__xyncM{content:''}.AdvisorCertificate__image__xyncM svg{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-o-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}.AdvisorCertificate__abbr__oGAsz{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:14px;color:#242d5f;position:absolute;left:4px;top:13px;width:37px;text-align:center}.AdvisorCertificate__right__K28jL{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.AdvisorCertificate__title__9CfR3{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;color:#2d3875;margin-bottom:8px}.AdvisorCertificate__description__QKHmQ{font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.45;color:#4d556c}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorPublicPage__AdvisorPublicPage__UtWWT{content:''}.AdvisorPublicPage__certificate__6lHez{margin-bottom:20px;padding:12px 16px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorRatingBlock__advisorRatingBlock__efn8a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.AdvisorRatingBlock__modulePreset__CPE9n{padding:16px}.AdvisorRatingBlock__left__6yepO{-webkit-flex-shrink:0;flex-shrink:0;width:96px;margin-right:16px}.AdvisorRatingBlock__counter__gl\+Cs{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:48px;color:#4d556c;margin-bottom:6px;-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-o-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}.AdvisorRatingBlock__stars__sj2Rw{position:relative;margin-bottom:8px;color:#ced5df}.AdvisorRatingBlock__reviewsCounter__Gg69m{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;color:#4d556c}.AdvisorRatingBlock__right__52dCB{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.AdvisorRatingBlock__starNo__jSWE7{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:7px}.AdvisorRatingBlock__starNo__jSWE7:last-child{margin-bottom:0}.AdvisorRatingBlock__star__8HT6C{width:10px;height:10px;margin-right:8px;-webkit-flex-shrink:0;flex-shrink:0;color:#ffd700}.AdvisorRatingBlock__starNoTitle__dM9yE{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;color:#afbac6;width:8px;text-align:center;margin-right:8px;-webkit-flex-shrink:0;flex-shrink:0}.AdvisorRatingBlock__ratioLine__bzAv\+{height:3px;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;background-color:#ced5df}.AdvisorRatingBlock__ratioLine__bzAv\+:before{background-color:#ffd700;display:block;content:'';height:100%;width:var(--ratio)}.AdvisorRatingBlock__ratioTitle__r0VW0{-webkit-flex-shrink:0;flex-shrink:0;width:24px;margin-left:8px;text-align:center;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;color:#4d556c}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorReview__advisorReview__jnR0d{content:''}.AdvisorReview__headline__5AQUA{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:16px}.AdvisorReview__rating__ae5lS{color:#ced5df}.AdvisorReview__date__xMwtm{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;color:#6a78c6}.AdvisorReview__text__Pg5ug{font-family:"sans", "Arial", sans-serif;font-size:14px;line-height:1.4;color:#4d556c;margin-bottom:8px}.AdvisorReview__name__rKqPk{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:16px;color:#242d5f;margin-bottom:2px}.AdvisorReview__from__Q7y-K{font-family:"sans", "Arial", sans-serif;font-size:12px;color:#6a78c6}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorReviewsBlock__review__5vjK\+{padding-bottom:18px;border-bottom:1px solid #edeff1;margin-bottom:20px}.AdvisorReviewsBlock__review__5vjK\+:last-child{border:none;padding:0;margin-bottom:0}.AdvisorReviewsBlock__modulePreset__RH-R5{padding:16px}@media screen and (min-width: 768px){.AdvisorReviewsBlock__modulePreset__RH-R5{padding:24px}}.AdvisorReviewsBlock__zeroState__T-UWQ{margin:0 auto;color:#4d556c;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:14px;line-height:1.4;text-align:center;text-transform:unset;width:100%}.AdvisorReviewsBlock__zeroState__T-UWQ span{color:#3172f5}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ReadMore__readMore__2ZoVT{cursor:pointer;color:#275bc4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ReadMore__ellipsis__DZofE{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorPage__moduleRow__riU2L{content:''}@media screen and (min-width: 768px){.AdvisorPage__moduleRow__riU2L{margin-bottom:48px}}.AdvisorPage__header__kszKL{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:stretch;-moz-box-pack:stretch;-o-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;margin-left:12px;margin-right:12px}@media screen and (min-width: 375px){.AdvisorPage__header__kszKL{margin-left:0;margin-right:16px}}@media screen and (min-width: 415px){.AdvisorPage__header__kszKL{margin-right:0}}@media screen and (min-width: 768px){.AdvisorPage__header__kszKL{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:32px}}.AdvisorPage__pageTitle__BFw9D{margin:0;margin-bottom:24px}@media screen and (min-width: 768px){.AdvisorPage__pageTitle__BFw9D{margin-bottom:0}}.AdvisorPage__pageAction__JeL4T{justify-self:end;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;margin-left:0;margin-bottom:16px}@media screen and (min-width: 768px){.AdvisorPage__pageAction__JeL4T{margin-left:16px;margin-bottom:0;width:200px}}@media screen and (min-width: 1280px){.AdvisorPage__pageAction__JeL4T{margin-left:24px}}.AdvisorPage__anchorPlaceholder__klBxT{border-bottom:1px solid transparent;margin-bottom:-1px}.AdvisorPage__allSessions__\+DvFi{margin-bottom:48px}.AdvisorPage__allSessions__\+DvFi:blank{display:none}.AdvisorPage__allSessions__\+DvFi:empty{display:none}.AdvisorPage__quickLookSection__46K4U{--h-space:0;padding:0 var(--h-space)}@media screen and (min-width: 375px){.AdvisorPage__quickLookSection__46K4U{--h-space:12px}}@media screen and (min-width: 415px){.AdvisorPage__quickLookSection__46K4U{--h-space:16px}}@media screen and (min-width: 768px){.AdvisorPage__quickLookSection__46K4U{--h-space:24px}}@media screen and (min-width: 1440px){.AdvisorPage__quickLookSection__46K4U{--h-space:32px}}.AdvisorPage__column__n-LIr{min-height:unset;padding-bottom:0}.AdvisorPage__content__-Koko{min-height:100vh;background:#f5f6f7;padding-bottom:48px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AllSessions__action__vF4Kq,.AllSessions__blue__nq9\+Q,.AllSessions__cyan__kGiBB,.AllSessions__green__3elSb,.AllSessions__orange__frFNC,.AllSessions__yellow__Gbcdi,.AllSessions__danger__0XDLZ,.AllSessions__alert__SJo9H,.AllSessions__oxford__aiTdZ,.AllSessions__coral__c\+IcW,.AllSessions__merlot__vEE\+q,.AllSessions__midnight__SWW-Z,.AllSessions__creditCard__KbZmh{border:1px solid var(--defaultColor);background:var(--defaultColor);color:#fff}.AllSessions__action__vF4Kq.AllSessions__clickable__6XHps:hover,.AllSessions__blue__nq9\+Q.AllSessions__clickable__6XHps:hover,.AllSessions__cyan__kGiBB.AllSessions__clickable__6XHps:hover,.AllSessions__green__3elSb.AllSessions__clickable__6XHps:hover,.AllSessions__orange__frFNC.AllSessions__clickable__6XHps:hover,.AllSessions__yellow__Gbcdi.AllSessions__clickable__6XHps:hover,.AllSessions__danger__0XDLZ.AllSessions__clickable__6XHps:hover,.AllSessions__alert__SJo9H.AllSessions__clickable__6XHps:hover,.AllSessions__oxford__aiTdZ.AllSessions__clickable__6XHps:hover,.AllSessions__coral__c\+IcW.AllSessions__clickable__6XHps:hover,.AllSessions__merlot__vEE\+q.AllSessions__clickable__6XHps:hover,.AllSessions__midnight__SWW-Z.AllSessions__clickable__6XHps:hover,.AllSessions__creditCard__KbZmh.AllSessions__clickable__6XHps:hover{box-shadow:0 2px 0 0 var(--darkColor)}.AllSessions__action__vF4Kq.AllSessions__clickable__6XHps:active:not(.AllSessions__textOnly__Jt8V6),.AllSessions__blue__nq9\+Q.AllSessions__clickable__6XHps:active:not(.AllSessions__textOnly__Jt8V6),.AllSessions__cyan__kGiBB.AllSessions__clickable__6XHps:active:not(.AllSessions__textOnly__Jt8V6),.AllSessions__green__3elSb.AllSessions__clickable__6XHps:active:not(.AllSessions__textOnly__Jt8V6),.AllSessions__orange__frFNC.AllSessions__clickable__6XHps:active:not(.AllSessions__textOnly__Jt8V6),.AllSessions__yellow__Gbcdi.AllSessions__clickable__6XHps:active:not(.AllSessions__textOnly__Jt8V6),.AllSessions__danger__0XDLZ.AllSessions__clickable__6XHps:active:not(.AllSessions__textOnly__Jt8V6),.AllSessions__alert__SJo9H.AllSessions__clickable__6XHps:active:not(.AllSessions__textOnly__Jt8V6),.AllSessions__oxford__aiTdZ.AllSessions__clickable__6XHps:active:not(.AllSessions__textOnly__Jt8V6),.AllSessions__coral__c\+IcW.AllSessions__clickable__6XHps:active:not(.AllSessions__textOnly__Jt8V6),.AllSessions__merlot__vEE\+q.AllSessions__clickable__6XHps:active:not(.AllSessions__textOnly__Jt8V6),.AllSessions__midnight__SWW-Z.AllSessions__clickable__6XHps:active:not(.AllSessions__textOnly__Jt8V6),.AllSessions__creditCard__KbZmh.AllSessions__clickable__6XHps:active:not(.AllSessions__textOnly__Jt8V6){box-shadow:none;-webkit-transform:translateY(.5px);-moz-transform:translateY(.5px);-o-transform:translateY(.5px);-ms-transform:translateY(.5px);transform:translateY(.5px)}.AllSessions__action__vF4Kq.AllSessions__notification__NLH\+d,.AllSessions__blue__nq9\+Q.AllSessions__notification__NLH\+d,.AllSessions__cyan__kGiBB.AllSessions__notification__NLH\+d,.AllSessions__green__3elSb.AllSessions__notification__NLH\+d,.AllSessions__orange__frFNC.AllSessions__notification__NLH\+d,.AllSessions__yellow__Gbcdi.AllSessions__notification__NLH\+d,.AllSessions__danger__0XDLZ.AllSessions__notification__NLH\+d,.AllSessions__alert__SJo9H.AllSessions__notification__NLH\+d,.AllSessions__oxford__aiTdZ.AllSessions__notification__NLH\+d,.AllSessions__coral__c\+IcW.AllSessions__notification__NLH\+d,.AllSessions__merlot__vEE\+q.AllSessions__notification__NLH\+d,.AllSessions__midnight__SWW-Z.AllSessions__notification__NLH\+d,.AllSessions__creditCard__KbZmh.AllSessions__notification__NLH\+d{border:none}.AllSessions__action__vF4Kq.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__blue__nq9\+Q.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__cyan__kGiBB.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__green__3elSb.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__orange__frFNC.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__yellow__Gbcdi.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__danger__0XDLZ.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__alert__SJo9H.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__oxford__aiTdZ.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__coral__c\+IcW.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__merlot__vEE\+q.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__midnight__SWW-Z.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__creditCard__KbZmh.AllSessions__notification__NLH\+d [role='dismiss-button']:hover{background:var(--lightColor)}.AllSessions__action__vF4Kq.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__blue__nq9\+Q.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__cyan__kGiBB.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__green__3elSb.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__orange__frFNC.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__yellow__Gbcdi.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__danger__0XDLZ.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__alert__SJo9H.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__oxford__aiTdZ.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__coral__c\+IcW.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__merlot__vEE\+q.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__midnight__SWW-Z.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__creditCard__KbZmh.AllSessions__notification__NLH\+d [role='dismiss-button']:active{background:var(--lightestColor);color:var(--defaultColor)}.AllSessions__action__vF4Kq:not(.AllSessions__insight__ZVzRS):not(.AllSessions__hollow__Z8usl):not(.AllSessions__textOnly__Jt8V6):not(.AllSessions__notification__NLH\+d) h4,.AllSessions__blue__nq9\+Q:not(.AllSessions__insight__ZVzRS):not(.AllSessions__hollow__Z8usl):not(.AllSessions__textOnly__Jt8V6):not(.AllSessions__notification__NLH\+d) h4,.AllSessions__cyan__kGiBB:not(.AllSessions__insight__ZVzRS):not(.AllSessions__hollow__Z8usl):not(.AllSessions__textOnly__Jt8V6):not(.AllSessions__notification__NLH\+d) h4,.AllSessions__green__3elSb:not(.AllSessions__insight__ZVzRS):not(.AllSessions__hollow__Z8usl):not(.AllSessions__textOnly__Jt8V6):not(.AllSessions__notification__NLH\+d) h4,.AllSessions__orange__frFNC:not(.AllSessions__insight__ZVzRS):not(.AllSessions__hollow__Z8usl):not(.AllSessions__textOnly__Jt8V6):not(.AllSessions__notification__NLH\+d) h4,.AllSessions__yellow__Gbcdi:not(.AllSessions__insight__ZVzRS):not(.AllSessions__hollow__Z8usl):not(.AllSessions__textOnly__Jt8V6):not(.AllSessions__notification__NLH\+d) h4,.AllSessions__danger__0XDLZ:not(.AllSessions__insight__ZVzRS):not(.AllSessions__hollow__Z8usl):not(.AllSessions__textOnly__Jt8V6):not(.AllSessions__notification__NLH\+d) h4,.AllSessions__alert__SJo9H:not(.AllSessions__insight__ZVzRS):not(.AllSessions__hollow__Z8usl):not(.AllSessions__textOnly__Jt8V6):not(.AllSessions__notification__NLH\+d) h4,.AllSessions__oxford__aiTdZ:not(.AllSessions__insight__ZVzRS):not(.AllSessions__hollow__Z8usl):not(.AllSessions__textOnly__Jt8V6):not(.AllSessions__notification__NLH\+d) h4,.AllSessions__coral__c\+IcW:not(.AllSessions__insight__ZVzRS):not(.AllSessions__hollow__Z8usl):not(.AllSessions__textOnly__Jt8V6):not(.AllSessions__notification__NLH\+d) h4,.AllSessions__merlot__vEE\+q:not(.AllSessions__insight__ZVzRS):not(.AllSessions__hollow__Z8usl):not(.AllSessions__textOnly__Jt8V6):not(.AllSessions__notification__NLH\+d) h4,.AllSessions__midnight__SWW-Z:not(.AllSessions__insight__ZVzRS):not(.AllSessions__hollow__Z8usl):not(.AllSessions__textOnly__Jt8V6):not(.AllSessions__notification__NLH\+d) h4,.AllSessions__creditCard__KbZmh:not(.AllSessions__insight__ZVzRS):not(.AllSessions__hollow__Z8usl):not(.AllSessions__textOnly__Jt8V6):not(.AllSessions__notification__NLH\+d) h4{color:rgba(255,255,255,0.75)}.AllSessions__action__vF4Kq.AllSessions__insight__ZVzRS,.AllSessions__blue__nq9\+Q.AllSessions__insight__ZVzRS,.AllSessions__cyan__kGiBB.AllSessions__insight__ZVzRS,.AllSessions__green__3elSb.AllSessions__insight__ZVzRS,.AllSessions__orange__frFNC.AllSessions__insight__ZVzRS,.AllSessions__yellow__Gbcdi.AllSessions__insight__ZVzRS,.AllSessions__danger__0XDLZ.AllSessions__insight__ZVzRS,.AllSessions__alert__SJo9H.AllSessions__insight__ZVzRS,.AllSessions__oxford__aiTdZ.AllSessions__insight__ZVzRS,.AllSessions__coral__c\+IcW.AllSessions__insight__ZVzRS,.AllSessions__merlot__vEE\+q.AllSessions__insight__ZVzRS,.AllSessions__midnight__SWW-Z.AllSessions__insight__ZVzRS,.AllSessions__creditCard__KbZmh.AllSessions__insight__ZVzRS{background:#fff;color:var(--defaultColor)}.AllSessions__action__vF4Kq.AllSessions__outlined__Unx1k,.AllSessions__blue__nq9\+Q.AllSessions__outlined__Unx1k,.AllSessions__cyan__kGiBB.AllSessions__outlined__Unx1k,.AllSessions__green__3elSb.AllSessions__outlined__Unx1k,.AllSessions__orange__frFNC.AllSessions__outlined__Unx1k,.AllSessions__yellow__Gbcdi.AllSessions__outlined__Unx1k,.AllSessions__danger__0XDLZ.AllSessions__outlined__Unx1k,.AllSessions__alert__SJo9H.AllSessions__outlined__Unx1k,.AllSessions__oxford__aiTdZ.AllSessions__outlined__Unx1k,.AllSessions__coral__c\+IcW.AllSessions__outlined__Unx1k,.AllSessions__merlot__vEE\+q.AllSessions__outlined__Unx1k,.AllSessions__midnight__SWW-Z.AllSessions__outlined__Unx1k,.AllSessions__creditCard__KbZmh.AllSessions__outlined__Unx1k{border-color:var(--darkestColor)}.AllSessions__action__vF4Kq.AllSessions__outlined__Unx1k.AllSessions__clickable__6XHps:hover,.AllSessions__blue__nq9\+Q.AllSessions__outlined__Unx1k.AllSessions__clickable__6XHps:hover,.AllSessions__cyan__kGiBB.AllSessions__outlined__Unx1k.AllSessions__clickable__6XHps:hover,.AllSessions__green__3elSb.AllSessions__outlined__Unx1k.AllSessions__clickable__6XHps:hover,.AllSessions__orange__frFNC.AllSessions__outlined__Unx1k.AllSessions__clickable__6XHps:hover,.AllSessions__yellow__Gbcdi.AllSessions__outlined__Unx1k.AllSessions__clickable__6XHps:hover,.AllSessions__danger__0XDLZ.AllSessions__outlined__Unx1k.AllSessions__clickable__6XHps:hover,.AllSessions__alert__SJo9H.AllSessions__outlined__Unx1k.AllSessions__clickable__6XHps:hover,.AllSessions__oxford__aiTdZ.AllSessions__outlined__Unx1k.AllSessions__clickable__6XHps:hover,.AllSessions__coral__c\+IcW.AllSessions__outlined__Unx1k.AllSessions__clickable__6XHps:hover,.AllSessions__merlot__vEE\+q.AllSessions__outlined__Unx1k.AllSessions__clickable__6XHps:hover,.AllSessions__midnight__SWW-Z.AllSessions__outlined__Unx1k.AllSessions__clickable__6XHps:hover,.AllSessions__creditCard__KbZmh.AllSessions__outlined__Unx1k.AllSessions__clickable__6XHps:hover{background:var(--lightColor)}.AllSessions__action__vF4Kq.AllSessions__hollow__Z8usl,.AllSessions__blue__nq9\+Q.AllSessions__hollow__Z8usl,.AllSessions__cyan__kGiBB.AllSessions__hollow__Z8usl,.AllSessions__green__3elSb.AllSessions__hollow__Z8usl,.AllSessions__orange__frFNC.AllSessions__hollow__Z8usl,.AllSessions__yellow__Gbcdi.AllSessions__hollow__Z8usl,.AllSessions__danger__0XDLZ.AllSessions__hollow__Z8usl,.AllSessions__alert__SJo9H.AllSessions__hollow__Z8usl,.AllSessions__oxford__aiTdZ.AllSessions__hollow__Z8usl,.AllSessions__coral__c\+IcW.AllSessions__hollow__Z8usl,.AllSessions__merlot__vEE\+q.AllSessions__hollow__Z8usl,.AllSessions__midnight__SWW-Z.AllSessions__hollow__Z8usl,.AllSessions__creditCard__KbZmh.AllSessions__hollow__Z8usl{color:var(--defaultColor)}.AllSessions__action__vF4Kq.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:hover,.AllSessions__blue__nq9\+Q.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:hover,.AllSessions__cyan__kGiBB.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:hover,.AllSessions__green__3elSb.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:hover,.AllSessions__orange__frFNC.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:hover,.AllSessions__yellow__Gbcdi.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:hover,.AllSessions__danger__0XDLZ.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:hover,.AllSessions__alert__SJo9H.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:hover,.AllSessions__oxford__aiTdZ.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:hover,.AllSessions__coral__c\+IcW.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:hover,.AllSessions__merlot__vEE\+q.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:hover,.AllSessions__midnight__SWW-Z.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:hover,.AllSessions__creditCard__KbZmh.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:hover{border-color:var(--defaultColor);background:var(--lightestColor);color:#fff}.AllSessions__action__vF4Kq.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:active,.AllSessions__blue__nq9\+Q.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:active,.AllSessions__cyan__kGiBB.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:active,.AllSessions__green__3elSb.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:active,.AllSessions__orange__frFNC.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:active,.AllSessions__yellow__Gbcdi.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:active,.AllSessions__danger__0XDLZ.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:active,.AllSessions__alert__SJo9H.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:active,.AllSessions__oxford__aiTdZ.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:active,.AllSessions__coral__c\+IcW.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:active,.AllSessions__merlot__vEE\+q.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:active,.AllSessions__midnight__SWW-Z.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:active,.AllSessions__creditCard__KbZmh.AllSessions__hollow__Z8usl.AllSessions__clickable__6XHps:active{border:1px solid transparent;background:var(--lightestColor);color:#fff}.AllSessions__action__vF4Kq.AllSessions__textOnly__Jt8V6,.AllSessions__blue__nq9\+Q.AllSessions__textOnly__Jt8V6,.AllSessions__cyan__kGiBB.AllSessions__textOnly__Jt8V6,.AllSessions__green__3elSb.AllSessions__textOnly__Jt8V6,.AllSessions__orange__frFNC.AllSessions__textOnly__Jt8V6,.AllSessions__yellow__Gbcdi.AllSessions__textOnly__Jt8V6,.AllSessions__danger__0XDLZ.AllSessions__textOnly__Jt8V6,.AllSessions__alert__SJo9H.AllSessions__textOnly__Jt8V6,.AllSessions__oxford__aiTdZ.AllSessions__textOnly__Jt8V6,.AllSessions__coral__c\+IcW.AllSessions__textOnly__Jt8V6,.AllSessions__merlot__vEE\+q.AllSessions__textOnly__Jt8V6,.AllSessions__midnight__SWW-Z.AllSessions__textOnly__Jt8V6,.AllSessions__creditCard__KbZmh.AllSessions__textOnly__Jt8V6{color:var(--defaultColor)}.AllSessions__action__vF4Kq.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:hover,.AllSessions__blue__nq9\+Q.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:hover,.AllSessions__cyan__kGiBB.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:hover,.AllSessions__green__3elSb.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:hover,.AllSessions__orange__frFNC.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:hover,.AllSessions__yellow__Gbcdi.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:hover,.AllSessions__danger__0XDLZ.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:hover,.AllSessions__alert__SJo9H.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:hover,.AllSessions__oxford__aiTdZ.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:hover,.AllSessions__coral__c\+IcW.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:hover,.AllSessions__merlot__vEE\+q.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:hover,.AllSessions__midnight__SWW-Z.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:hover,.AllSessions__creditCard__KbZmh.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:hover{color:var(--darkColor)}.AllSessions__action__vF4Kq.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:active,.AllSessions__blue__nq9\+Q.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:active,.AllSessions__cyan__kGiBB.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:active,.AllSessions__green__3elSb.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:active,.AllSessions__orange__frFNC.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:active,.AllSessions__yellow__Gbcdi.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:active,.AllSessions__danger__0XDLZ.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:active,.AllSessions__alert__SJo9H.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:active,.AllSessions__oxford__aiTdZ.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:active,.AllSessions__coral__c\+IcW.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:active,.AllSessions__merlot__vEE\+q.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:active,.AllSessions__midnight__SWW-Z.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:active,.AllSessions__creditCard__KbZmh.AllSessions__textOnly__Jt8V6.AllSessions__clickable__6XHps:active{color:var(--lightColor)}.AllSessions__lightCyan__sm5HF,.AllSessions__lightRed__4jPf-,.AllSessions__lightBlue__blLT0,.AllSessions__lightGreen__NlAbN,.AllSessions__lightOrange__D0tvF,.AllSessions__darkCyan__3RA07,.AllSessions__darkRed__SmnyC,.AllSessions__darkBlue__-Zo7U,.AllSessions__darkGreen__RjPty,.AllSessions__darkOrange__0t2mf,.AllSessions__snow__0uQha,.AllSessions__stone__IUQzz,.AllSessions__info__8z1K6{background:var(--lightestColor);color:var(--darkColor)}.AllSessions__lightCyan__sm5HF.AllSessions__clickable__6XHps:hover,.AllSessions__lightRed__4jPf-.AllSessions__clickable__6XHps:hover,.AllSessions__lightBlue__blLT0.AllSessions__clickable__6XHps:hover,.AllSessions__lightGreen__NlAbN.AllSessions__clickable__6XHps:hover,.AllSessions__lightOrange__D0tvF.AllSessions__clickable__6XHps:hover,.AllSessions__darkCyan__3RA07.AllSessions__clickable__6XHps:hover,.AllSessions__darkRed__SmnyC.AllSessions__clickable__6XHps:hover,.AllSessions__darkBlue__-Zo7U.AllSessions__clickable__6XHps:hover,.AllSessions__darkGreen__RjPty.AllSessions__clickable__6XHps:hover,.AllSessions__darkOrange__0t2mf.AllSessions__clickable__6XHps:hover,.AllSessions__snow__0uQha.AllSessions__clickable__6XHps:hover,.AllSessions__stone__IUQzz.AllSessions__clickable__6XHps:hover,.AllSessions__info__8z1K6.AllSessions__clickable__6XHps:hover{box-shadow:0 2px 0 0 var(--darkColor)}.AllSessions__lightCyan__sm5HF:not(.AllSessions__textOnly__Jt8V6).AllSessions__clickable__6XHps:active,.AllSessions__lightRed__4jPf-:not(.AllSessions__textOnly__Jt8V6).AllSessions__clickable__6XHps:active,.AllSessions__lightBlue__blLT0:not(.AllSessions__textOnly__Jt8V6).AllSessions__clickable__6XHps:active,.AllSessions__lightGreen__NlAbN:not(.AllSessions__textOnly__Jt8V6).AllSessions__clickable__6XHps:active,.AllSessions__lightOrange__D0tvF:not(.AllSessions__textOnly__Jt8V6).AllSessions__clickable__6XHps:active,.AllSessions__darkCyan__3RA07:not(.AllSessions__textOnly__Jt8V6).AllSessions__clickable__6XHps:active,.AllSessions__darkRed__SmnyC:not(.AllSessions__textOnly__Jt8V6).AllSessions__clickable__6XHps:active,.AllSessions__darkBlue__-Zo7U:not(.AllSessions__textOnly__Jt8V6).AllSessions__clickable__6XHps:active,.AllSessions__darkGreen__RjPty:not(.AllSessions__textOnly__Jt8V6).AllSessions__clickable__6XHps:active,.AllSessions__darkOrange__0t2mf:not(.AllSessions__textOnly__Jt8V6).AllSessions__clickable__6XHps:active,.AllSessions__snow__0uQha:not(.AllSessions__textOnly__Jt8V6).AllSessions__clickable__6XHps:active,.AllSessions__stone__IUQzz:not(.AllSessions__textOnly__Jt8V6).AllSessions__clickable__6XHps:active,.AllSessions__info__8z1K6:not(.AllSessions__textOnly__Jt8V6).AllSessions__clickable__6XHps:active{box-shadow:none;background:var(--lightColor)}.AllSessions__lightCyan__sm5HF.AllSessions__notification__NLH\+d,.AllSessions__lightRed__4jPf-.AllSessions__notification__NLH\+d,.AllSessions__lightBlue__blLT0.AllSessions__notification__NLH\+d,.AllSessions__lightGreen__NlAbN.AllSessions__notification__NLH\+d,.AllSessions__lightOrange__D0tvF.AllSessions__notification__NLH\+d,.AllSessions__darkCyan__3RA07.AllSessions__notification__NLH\+d,.AllSessions__darkRed__SmnyC.AllSessions__notification__NLH\+d,.AllSessions__darkBlue__-Zo7U.AllSessions__notification__NLH\+d,.AllSessions__darkGreen__RjPty.AllSessions__notification__NLH\+d,.AllSessions__darkOrange__0t2mf.AllSessions__notification__NLH\+d,.AllSessions__snow__0uQha.AllSessions__notification__NLH\+d,.AllSessions__stone__IUQzz.AllSessions__notification__NLH\+d,.AllSessions__info__8z1K6.AllSessions__notification__NLH\+d{color:var(--darkestColor)}.AllSessions__lightCyan__sm5HF.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__lightRed__4jPf-.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__lightBlue__blLT0.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__lightGreen__NlAbN.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__lightOrange__D0tvF.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__darkCyan__3RA07.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__darkRed__SmnyC.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__darkBlue__-Zo7U.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__darkGreen__RjPty.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__darkOrange__0t2mf.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__snow__0uQha.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__stone__IUQzz.AllSessions__notification__NLH\+d [role='dismiss-button']:hover,.AllSessions__info__8z1K6.AllSessions__notification__NLH\+d [role='dismiss-button']:hover{background:var(--lightColor)}.AllSessions__lightCyan__sm5HF.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__lightRed__4jPf-.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__lightBlue__blLT0.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__lightGreen__NlAbN.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__lightOrange__D0tvF.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__darkCyan__3RA07.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__darkRed__SmnyC.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__darkBlue__-Zo7U.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__darkGreen__RjPty.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__darkOrange__0t2mf.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__snow__0uQha.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__stone__IUQzz.AllSessions__notification__NLH\+d [role='dismiss-button']:active,.AllSessions__info__8z1K6.AllSessions__notification__NLH\+d [role='dismiss-button']:active{background:var(--defaultColor);color:var(--lightestColor)}.AllSessions__lightCyan__sm5HF.AllSessions__hollow__Z8usl,.AllSessions__lightRed__4jPf-.AllSessions__hollow__Z8usl,.AllSessions__lightBlue__blLT0.AllSessions__hollow__Z8usl,.AllSessions__lightGreen__NlAbN.AllSessions__hollow__Z8usl,.AllSessions__lightOrange__D0tvF.AllSessions__hollow__Z8usl,.AllSessions__darkCyan__3RA07.AllSessions__hollow__Z8usl,.AllSessions__darkRed__SmnyC.AllSessions__hollow__Z8usl,.AllSessions__darkBlue__-Zo7U.AllSessions__hollow__Z8usl,.AllSessions__darkGreen__RjPty.AllSessions__hollow__Z8usl,.AllSessions__darkOrange__0t2mf.AllSessions__hollow__Z8usl,.AllSessions__snow__0uQha.AllSessions__hollow__Z8usl,.AllSessions__stone__IUQzz.AllSessions__hollow__Z8usl,.AllSessions__info__8z1K6.AllSessions__hollow__Z8usl{color:var(--darkColor)}.AllSessions__lightCyan__sm5HF.AllSessions__textOnly__Jt8V6,.AllSessions__lightRed__4jPf-.AllSessions__textOnly__Jt8V6,.AllSessions__lightBlue__blLT0.AllSessions__textOnly__Jt8V6,.AllSessions__lightGreen__NlAbN.AllSessions__textOnly__Jt8V6,.AllSessions__lightOrange__D0tvF.AllSessions__textOnly__Jt8V6,.AllSessions__darkCyan__3RA07.AllSessions__textOnly__Jt8V6,.AllSessions__darkRed__SmnyC.AllSessions__textOnly__Jt8V6,.AllSessions__darkBlue__-Zo7U.AllSessions__textOnly__Jt8V6,.AllSessions__darkGreen__RjPty.AllSessions__textOnly__Jt8V6,.AllSessions__darkOrange__0t2mf.AllSessions__textOnly__Jt8V6,.AllSessions__snow__0uQha.AllSessions__textOnly__Jt8V6,.AllSessions__stone__IUQzz.AllSessions__textOnly__Jt8V6,.AllSessions__info__8z1K6.AllSessions__textOnly__Jt8V6{color:var(--defaultColor)}.AllSessions__lightCyan__sm5HF:not(.AllSessions__clickable__6XHps),.AllSessions__lightRed__4jPf-:not(.AllSessions__clickable__6XHps),.AllSessions__lightBlue__blLT0:not(.AllSessions__clickable__6XHps),.AllSessions__lightGreen__NlAbN:not(.AllSessions__clickable__6XHps),.AllSessions__lightOrange__D0tvF:not(.AllSessions__clickable__6XHps),.AllSessions__darkCyan__3RA07:not(.AllSessions__clickable__6XHps),.AllSessions__darkRed__SmnyC:not(.AllSessions__clickable__6XHps),.AllSessions__darkBlue__-Zo7U:not(.AllSessions__clickable__6XHps),.AllSessions__darkGreen__RjPty:not(.AllSessions__clickable__6XHps),.AllSessions__darkOrange__0t2mf:not(.AllSessions__clickable__6XHps),.AllSessions__snow__0uQha:not(.AllSessions__clickable__6XHps),.AllSessions__stone__IUQzz:not(.AllSessions__clickable__6XHps),.AllSessions__info__8z1K6:not(.AllSessions__clickable__6XHps),.AllSessions__lightCyan__sm5HF h1,.AllSessions__lightRed__4jPf- h1,.AllSessions__lightBlue__blLT0 h1,.AllSessions__lightGreen__NlAbN h1,.AllSessions__lightOrange__D0tvF h1,.AllSessions__darkCyan__3RA07 h1,.AllSessions__darkRed__SmnyC h1,.AllSessions__darkBlue__-Zo7U h1,.AllSessions__darkGreen__RjPty h1,.AllSessions__darkOrange__0t2mf h1,.AllSessions__snow__0uQha h1,.AllSessions__stone__IUQzz h1,.AllSessions__info__8z1K6 h1,.AllSessions__lightCyan__sm5HF h2,.AllSessions__lightRed__4jPf- h2,.AllSessions__lightBlue__blLT0 h2,.AllSessions__lightGreen__NlAbN h2,.AllSessions__lightOrange__D0tvF h2,.AllSessions__darkCyan__3RA07 h2,.AllSessions__darkRed__SmnyC h2,.AllSessions__darkBlue__-Zo7U h2,.AllSessions__darkGreen__RjPty h2,.AllSessions__darkOrange__0t2mf h2,.AllSessions__snow__0uQha h2,.AllSessions__stone__IUQzz h2,.AllSessions__info__8z1K6 h2,.AllSessions__lightCyan__sm5HF h3,.AllSessions__lightRed__4jPf- h3,.AllSessions__lightBlue__blLT0 h3,.AllSessions__lightGreen__NlAbN h3,.AllSessions__lightOrange__D0tvF h3,.AllSessions__darkCyan__3RA07 h3,.AllSessions__darkRed__SmnyC h3,.AllSessions__darkBlue__-Zo7U h3,.AllSessions__darkGreen__RjPty h3,.AllSessions__darkOrange__0t2mf h3,.AllSessions__snow__0uQha h3,.AllSessions__stone__IUQzz h3,.AllSessions__info__8z1K6 h3,.AllSessions__lightCyan__sm5HF h4,.AllSessions__lightRed__4jPf- h4,.AllSessions__lightBlue__blLT0 h4,.AllSessions__lightGreen__NlAbN h4,.AllSessions__lightOrange__D0tvF h4,.AllSessions__darkCyan__3RA07 h4,.AllSessions__darkRed__SmnyC h4,.AllSessions__darkBlue__-Zo7U h4,.AllSessions__darkGreen__RjPty h4,.AllSessions__darkOrange__0t2mf h4,.AllSessions__snow__0uQha h4,.AllSessions__stone__IUQzz h4,.AllSessions__info__8z1K6 h4,.AllSessions__lightCyan__sm5HF h5,.AllSessions__lightRed__4jPf- h5,.AllSessions__lightBlue__blLT0 h5,.AllSessions__lightGreen__NlAbN h5,.AllSessions__lightOrange__D0tvF h5,.AllSessions__darkCyan__3RA07 h5,.AllSessions__darkRed__SmnyC h5,.AllSessions__darkBlue__-Zo7U h5,.AllSessions__darkGreen__RjPty h5,.AllSessions__darkOrange__0t2mf h5,.AllSessions__snow__0uQha h5,.AllSessions__stone__IUQzz h5,.AllSessions__info__8z1K6 h5,.AllSessions__lightCyan__sm5HF h6,.AllSessions__lightRed__4jPf- h6,.AllSessions__lightBlue__blLT0 h6,.AllSessions__lightGreen__NlAbN h6,.AllSessions__lightOrange__D0tvF h6,.AllSessions__darkCyan__3RA07 h6,.AllSessions__darkRed__SmnyC h6,.AllSessions__darkBlue__-Zo7U h6,.AllSessions__darkGreen__RjPty h6,.AllSessions__darkOrange__0t2mf h6,.AllSessions__snow__0uQha h6,.AllSessions__stone__IUQzz h6,.AllSessions__info__8z1K6 h6{color:var(--darkColor)}.AllSessions__lightCyan__sm5HF p,.AllSessions__lightRed__4jPf- p,.AllSessions__lightBlue__blLT0 p,.AllSessions__lightGreen__NlAbN p,.AllSessions__lightOrange__D0tvF p,.AllSessions__darkCyan__3RA07 p,.AllSessions__darkRed__SmnyC p,.AllSessions__darkBlue__-Zo7U p,.AllSessions__darkGreen__RjPty p,.AllSessions__darkOrange__0t2mf p,.AllSessions__snow__0uQha p,.AllSessions__stone__IUQzz p,.AllSessions__info__8z1K6 p{color:var(--darkestColor)}div[data-radix-popper-content-wrapper] .AllSessions__lightCyan__sm5HF,div[data-radix-popper-content-wrapper] .AllSessions__lightRed__4jPf-,div[data-radix-popper-content-wrapper] .AllSessions__lightBlue__blLT0,div[data-radix-popper-content-wrapper] .AllSessions__lightGreen__NlAbN,div[data-radix-popper-content-wrapper] .AllSessions__lightOrange__D0tvF,div[data-radix-popper-content-wrapper] .AllSessions__darkCyan__3RA07,div[data-radix-popper-content-wrapper] .AllSessions__darkRed__SmnyC,div[data-radix-popper-content-wrapper] .AllSessions__darkBlue__-Zo7U,div[data-radix-popper-content-wrapper] .AllSessions__darkGreen__RjPty,div[data-radix-popper-content-wrapper] .AllSessions__darkOrange__0t2mf,div[data-radix-popper-content-wrapper] .AllSessions__snow__0uQha,div[data-radix-popper-content-wrapper] .AllSessions__stone__IUQzz,div[data-radix-popper-content-wrapper] .AllSessions__info__8z1K6{background:var(--darkestColor);color:#fff}div[data-radix-popper-content-wrapper] .AllSessions__lightCyan__sm5HF svg,div[data-radix-popper-content-wrapper] .AllSessions__lightRed__4jPf- svg,div[data-radix-popper-content-wrapper] .AllSessions__lightBlue__blLT0 svg,div[data-radix-popper-content-wrapper] .AllSessions__lightGreen__NlAbN svg,div[data-radix-popper-content-wrapper] .AllSessions__lightOrange__D0tvF svg,div[data-radix-popper-content-wrapper] .AllSessions__darkCyan__3RA07 svg,div[data-radix-popper-content-wrapper] .AllSessions__darkRed__SmnyC svg,div[data-radix-popper-content-wrapper] .AllSessions__darkBlue__-Zo7U svg,div[data-radix-popper-content-wrapper] .AllSessions__darkGreen__RjPty svg,div[data-radix-popper-content-wrapper] .AllSessions__darkOrange__0t2mf svg,div[data-radix-popper-content-wrapper] .AllSessions__snow__0uQha svg,div[data-radix-popper-content-wrapper] .AllSessions__stone__IUQzz svg,div[data-radix-popper-content-wrapper] .AllSessions__info__8z1K6 svg{background:none;fill:var(--darkestColor)}.AllSessions__icon__eJp8O{color:#1c2234}.AllSessions__defaultTheme__LIn2h{border-color:transparent;background:none;color:#4d556c}.AllSessions__defaultTheme__LIn2h.AllSessions__textOnly__Jt8V6,.AllSessions__defaultTheme__LIn2h.AllSessions__textOnly__Jt8V6 small{color:#9ca5d9}.AllSessions__action__vF4Kq,.AllSessions__blue__nq9\+Q{--textColor:#f0f3ff;--lightestColor:#82aaf9;--lightColor:#5a8ef7;--defaultColor:#3172f5;--darkColor:#275bc4;--darkestColor:#1d4492;--transparentColor:rgba(29,68,146,0.15)}.AllSessions__cyan__kGiBB{--lightestColor:#66c8ec;--lightColor:#33b5e6;--defaultColor:#00a3e0;--darkColor:#0082b3;--darkestColor:#006286;--transparentColor:rgba(0,98,134,0.15)}.AllSessions__green__3elSb{--lightestColor:#b9ddae;--lightColor:#72bc5d;--defaultColor:#4fab34;--darkColor:#44932d;--darkestColor:#387a25;--transparentColor:rgba(56,122,37,0.15)}.AllSessions__orange__frFNC{--lightestColor:#face87;--lightColor:#f7b64b;--defaultColor:#f5a623;--darkColor:#d6901c;--darkestColor:#b77a14;--transparentColor:rgba(183,122,20,0.15)}.AllSessions__yellow__Gbcdi{--lightestColor:#ffe766;--lightColor:#ffdf33;--defaultColor:#ffd700;--darkColor:#dfbc00;--darkestColor:#bfa100;--transparentColor:rgba(191,161,0,0.15)}.AllSessions__danger__0XDLZ,.AllSessions__alert__SJo9H{--lightestColor:#f1a1a1;--lightColor:#e86565;--defaultColor:#e34242;--darkColor:#ae2a2a;--darkestColor:#941e1e;--transparentColor:rgba(148,30,30,0.15)}.AllSessions__golden__hsCox{background:-webkit-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-moz-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-o-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:-ms-linear-gradient(135deg, #f5dd4e, #eaf639, #f8e71c);background:linear-gradient(-45deg, #f5dd4e, #eaf639, #f8e71c);color:#3c425a}.AllSessions__lightCyan__sm5HF,.AllSessions__darkCyan__3RA07{--lightestColor:#e7f8ff;--lightColor:#aae3f9;--defaultColor:#66c8ec;--darkColor:#00a3e0;--darkestColor:#006286;--transparentColor:rgba(0,98,134,0.15)}.AllSessions__lightRed__4jPf-,.AllSessions__darkRed__SmnyC{--lightestColor:#fdf3f3;--lightColor:#f8d0d0;--defaultColor:#f1a1a1;--darkColor:#e34242;--darkestColor:#ae2a2a;--transparentColor:rgba(174,42,42,0.15)}.AllSessions__lightBlue__blLT0,.AllSessions__darkBlue__-Zo7U{--lightestColor:#f0f3ff;--lightColor:#dfe9fd;--defaultColor:#82aaf9;--darkColor:#3172f5;--darkestColor:#1d4492;--transparentColor:rgba(29,68,146,0.15)}.AllSessions__lightGreen__NlAbN,.AllSessions__darkGreen__RjPty{--lightestColor:#ecf8e8;--lightColor:#d6ebd0;--defaultColor:#b9ddae;--darkColor:#4fab34;--darkestColor:#387a25;--transparentColor:rgba(56,122,37,0.15)}.AllSessions__lightOrange__D0tvF,.AllSessions__darkOrange__0t2mf{--lightestColor:#fef7eb;--lightColor:#fce7c3;--defaultColor:#face87;--darkColor:#d6901c;--darkestColor:#b77a14;--transparentColor:rgba(183,122,20,0.15)}.AllSessions__darkCyan__3RA07{--defaultColor:#006286}.AllSessions__darkRed__SmnyC{--defaultColor:#ae2a2a}.AllSessions__darkBlue__-Zo7U{--defaultColor:#1d4492}.AllSessions__darkGreen__RjPty{--defaultColor:#387a25}.AllSessions__darkOrange__0t2mf{--defaultColor:#b77a14}.AllSessions__oxford__aiTdZ{--lightestColor:#9ca5d9;--lightColor:#6a78c6;--defaultColor:#495ab9;--darkColor:#6a78c6;--darkestColor:#404fa2;--transparentColor:rgba(64,79,162,0.15)}.AllSessions__coral__c\+IcW{--lightestColor:#fbb5b5;--lightColor:#f99d9d;--defaultColor:#f88484;--darkColor:#f99d9d;--darkestColor:#e46565;--transparentColor:rgba(228,101,101,0.15)}.AllSessions__merlot__vEE\+q{--lightestColor:#d0a0ae;--lightColor:#c08093;--defaultColor:#b06078;--darkColor:#c08093;--darkestColor:#9c546a;--transparentColor:rgba(156,84,106,0.15)}.AllSessions__snow__0uQha,.AllSessions__info__8z1K6{--lightestColor:#f5f6f7;--lightColor:#edeff1;--defaultColor:#8c95a5;--darkColor:#3c425a;--darkestColor:#1c2234;--transparentColor:rgba(28,34,52,0.15)}.AllSessions__satin__E\+veO{--defaultColor:#8c95a5;--darkColor:#3c425a;--darkestColor:#1c2234;--transparentColor:rgba(28,34,52,0.15);border:1px solid #6a7185;background:#edeff1;color:#1c2234}.AllSessions__satin__E\+veO i{color:#4d556c}.AllSessions__stone__IUQzz{--lightestColor:#afbac6;--lightColor:#8c95a5;--defaultColor:#6a7185;--darkColor:#4d556c;--darkestColor:#3c425a;--transparentColor:rgba(60,66,90,0.15)}.AllSessions__stone__IUQzz i{color:#fff}.AllSessions__gray__eCCwQ{background:rgba(255,255,255,0.4);color:#3172f5}.AllSessions__darkGray__QkvKq{background:#f4f6fd;color:#4d556c}.AllSessions__darkGray__QkvKq .AllSessions__icon__eJp8O{color:#4d556c}@media (hover:hover){.AllSessions__darkGray__QkvKq:hover.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6){background:#bbc4cf}.AllSessions__darkGray__QkvKq:active.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6){background:#b7c1cc;color:#fff}}.AllSessions__midnight__SWW-Z{--lightestColor:#afbac6;--lightColor:#8c95a5;--defaultColor:#1c2234;--darkColor:#8c95a5;--darkestColor:#4d556c;--transparentColor:rgba(77,85,108,0.15)}.AllSessions__white__4D2Rk{background:#fff;color:#3172f5}.AllSessions__darkTransparent__IL2Ci{border:1px solid transparent;background:rgba(0,0,0,0.7);color:#edeff1}.AllSessions__darkTransparent__IL2Ci i{color:#4d556c}@media (hover:hover){.AllSessions__darkTransparent__IL2Ci:hover.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6){background:rgba(0,0,0,0.8)}.AllSessions__darkTransparent__IL2Ci:active.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6){background:#122958}.AllSessions__darkTransparent__IL2Ci:active.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6),.AllSessions__darkTransparent__IL2Ci:active.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6) i{color:#fff}}.AllSessions__card__OAydj{border:solid 1px #ced5df;background:#fff;color:#4d556c}.AllSessions__card__OAydj h1,.AllSessions__card__OAydj h2,.AllSessions__card__OAydj h3,.AllSessions__card__OAydj h4,.AllSessions__card__OAydj h5,.AllSessions__card__OAydj h6{color:#1c2234}.AllSessions__creditCard__KbZmh{--lightestColor:#66c8ec;--lightColor:#ffe766;--defaultColor:#0b0014;--darkColor:#006286;--darkestColor:#00415a}.AllSessions__creditCard__KbZmh h1,.AllSessions__creditCard__KbZmh h2,.AllSessions__creditCard__KbZmh h3,.AllSessions__creditCard__KbZmh h4,.AllSessions__creditCard__KbZmh h5,.AllSessions__creditCard__KbZmh h6{color:var(--lightColor)}.AllSessions__info__8z1K6{border:solid 1px #ced5df;border-radius:2px;background:#f5f6f7}.AllSessions__goal__f1HmT{border:1px solid #44932d;background:#ecf8e8;color:#1c2234}.AllSessions__goal__f1HmT.AllSessions__textOnly__Jt8V6{color:#44932d}.AllSessions__goal__f1HmT[role='progressbar']{background:#b9ddae}.AllSessions__goal__f1HmT i{color:#44932d}@media (hover:hover){.AllSessions__goal__f1HmT:hover.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6){background:#aae09a}.AllSessions__goal__f1HmT:active.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6){background:#45962d;color:#fff}.AllSessions__goal__f1HmT:active.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6) i{color:#fff}}.AllSessions__event__KqtH3{border:1px solid #6a7185;background:#edeff1;color:#1c2234}.AllSessions__event__KqtH3 i{color:#6a7185}@media (hover:hover){.AllSessions__event__KqtH3:hover.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6){background:#ced5df}.AllSessions__event__KqtH3:active.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6){background:#6a7185}.AllSessions__event__KqtH3:active.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6),.AllSessions__event__KqtH3:active.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6) i{color:#fff}}.AllSessions__advisorTopicSelected__SkW7M{border:1px solid #ffd700;background:#2c325e;color:#fff}.AllSessions__advisorTopicSelected__SkW7M i{color:#ffd700}.AllSessions__advisorTopic__OYCuk{border:1px solid transparent;background:#ebedf7;color:#1c2234;-webkit-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-moz-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-o-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);-ms-transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54);transition:all 150ms cubic-bezier(0.55, 0.54, 0.55, 0.54)}.AllSessions__advisorTopic__OYCuk i{color:#404fa2}@media (hover:hover){.AllSessions__advisorTopic__OYCuk:hover.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6){background:#404fa2;color:#fff}.AllSessions__advisorTopic__OYCuk:hover.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6) i{color:#ffd700}.AllSessions__advisorTopic__OYCuk:active.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6){border:1px solid #ffd700;background:#2c325e;color:#fff}.AllSessions__advisorTopic__OYCuk:active.AllSessions__clickable__6XHps:not(.AllSessions__textOnly__Jt8V6) i{color:#ffd700}}.AllSessions__premium__p2itK:not(.AllSessions__textOnly__Jt8V6){background:#495ab9}.AllSessions__premium__p2itK.AllSessions__textOnly__Jt8V6{color:#ffd700}.AllSessions__solid__oY4jf{content:''}.AllSessions__outlined__Unx1k{border:1px solid currentColor}.AllSessions__insight__ZVzRS{border-left:8px solid currentColor}.AllSessions__notification__NLH\+d{border-bottom:1px solid currentColor}.AllSessions__hollow__Z8usl p,.AllSessions__insight__ZVzRS p,.AllSessions__textOnly__Jt8V6 p{color:#4d556c}.AllSessions__hollow__Z8usl{border:1px solid currentColor;background:none}.AllSessions__textOnly__Jt8V6,.AllSessions__textOnlyBig__5x3lM{border-color:transparent;background:none}.AllSessions__clickable__6XHps{will-change:color,background,box-shadow,border,transform;-webkit-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -webkit-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-moz-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -moz-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-o-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -o-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);-ms-transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), -ms-transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06);transition:color 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), box-shadow 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), transform 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06), top 150ms cubic-bezier(0.755, 0.05, 0.855, 0.06)}@media screen and (min-width: 768px){.AllSessions__allSessions__7Kl78{border-radius:5px;border:1px solid #ced5df;box-shadow:1px 1px 2px 0 rgba(0,0,0,0.35);-webkit-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.AllSessions__allSessions__7Kl78:hover{box-shadow:0 0 0 1px rgba(60,66,90,0.05),0 20px 20px rgba(60,66,90,0.12)}}.AllSessions__meetingRow__370RP{color:#4d556c;background:#fff;padding:12px;cursor:pointer;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:15px;border-bottom:1px solid #ced5df}.AllSessions__meetingRow__370RP:last-child{border-bottom:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.AllSessions__meetingRow__370RP > *{margin-right:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.AllSessions__meetingRow__370RP > *:first-child{width:11%}.AllSessions__meetingRow__370RP > *:nth-child(2){width:11%}.AllSessions__meetingRow__370RP > *:nth-child(3){width:34%}.AllSessions__meetingRow__370RP > *:nth-child(4){width:19%}.AllSessions__meetingRow__370RP > *:nth-child(5){width:15%}.AllSessions__meetingRow__370RP > *:last-child{width:10%;margin-right:0}@media screen and (min-width: 768px){.AllSessions__meetingRow__370RP > *{margin-right:12px}}@media screen and (min-width: 1024px){.AllSessions__meetingRow__370RP > *{margin-right:16px}}.AllSessions__mobileRow__PoeQr{cursor:pointer;border-radius:5px;border:1px solid #ced5df;background:#f4f6fd;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:15px;margin-bottom:24px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.2)}.AllSessions__mobileRow__PoeQr:last-child{margin-bottom:0}.AllSessions__mobileRowTop__fYXTw,.AllSessions__mobileRowBottom__auRcO{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.AllSessions__mobileRowTop__fYXTw{border-top-left-radius:5px;border-top-right-radius:5px;background:#fff;color:#2c325e;font-weight:500;border-bottom:1px solid #ced5df;padding:8px 12px}.AllSessions__mobileRowBottom__auRcO{padding-right:0;padding:12px}.AllSessions__mobileRowBottom__auRcO > button{margin-right:-16px}.AllSessions__headerRow__xzYy0{border-top-left-radius:5px;border-top-right-radius:5px;background:#fff;text-transform:uppercase;font-weight:600;font-size:12px;cursor:default}.AllSessions__status__FJFnU{padding:4px 8px;background:#eef0f9;font-size:12px;font-weight:600;text-align:center;border-radius:5px;text-transform:uppercase;color:#404fa2;width:fit-content}.AllSessions__scheduled__IpU2q{background:#eff9ec;color:#45962d}.AllSessions__completed__briNR{content:''}.AllSessions__declined__3I4Wp{content:''}.AllSessions__missed__RpAkl{background:#fef7ea;color:#bc7a0b}.AllSessions__cancelled__S1RKq{background:#f3caca;color:#a61919}.AllSessions__thin__kx0Ak{font-weight:200}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PageContent__spinnerWrapper__6C71e{height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.PageContent__countdownWrapper__EDbMw{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.PageContent__countdownWrapper__EDbMw > a{width:100%}.PageContent__countdownWrapper__EDbMw > p{margin:12px 0;line-height:1.4;text-align:center;color:#4d556c}.PageContent__nextSession__CKVgn{margin-bottom:48px}@media screen and (min-width: 768px){.PageContent__nextSession__CKVgn{height:100%}.PageContent__nextSession__CKVgn > div{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}}.PageContent__howItWorks__alZ2g{margin-bottom:48px}@media screen and (min-width: 768px){.PageContent__howItWorks__alZ2g{height:100%}.PageContent__howItWorks__alZ2g > div{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}}.PageContent__scheduleNewSession__GTHij{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){.PageContent__scheduleNewSession__GTHij{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.PageContent__scheduleNewSession__GTHij > *{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;width:calc(100% / 2 - 16px)}}.PageContent__scheduleNewSessionRight__6Qhhb{content:''}@media screen and (min-width: 768px){.PageContent__scheduleNewSessionRight__6Qhhb{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}}.PageContent__image__3Wmli{display:none;background-image:url("/images/coaching/coaching.jpg");background-position:center;background-size:cover;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;border-radius:4px;margin-bottom:24px}@media screen and (min-width: 768px){.PageContent__image__3Wmli{display:unset}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.HowItWorks__howItWorks__U7wRN{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.HowItWorks__howItWorks__U7wRN li{margin-bottom:24px}.HowItWorks__howItWorks__U7wRN li:last-child{margin-bottom:8px}.HowItWorks__howItWorks__U7wRN h3{font-style:normal;font-weight:300;font-size:24px;line-height:1.2;color:#4d556c;margin-top:0;margin-bottom:16px;width:100%}.HowItWorks__howItWorks__U7wRN h4{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;color:#404fa2;margin-bottom:6px}.HowItWorks__howItWorks__U7wRN p{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.5;color:#8c95a5}.HowItWorks__iconWrapper__2MIwb{width:64px;height:64px;-webkit-flex-shrink:0;flex-shrink:0;margin:0 auto 24px auto}@media screen and (min-width: 768px){.HowItWorks__iconWrapper__2MIwb{margin:0;margin-right:32px}}.HowItWorks__icon__\+7OIU{width:100%;height:100%;border:solid 1px #4d556c;background-color:#f4f6fd;border-radius:50%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;padding:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#4d556c}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ElligibilityCountdown__countdown__ox4fz{display:inline-block;position:relative;margin:0 auto 12px}.ElligibilityCountdown__subtitle__01XZT{position:absolute;bottom:48px;font-weight:500;left:0;width:100%;font-size:12px;color:#6a7185;text-align:center;z-index:1;-webkit-animation:ElligibilityCountdown__opacityAnimation__dZjhY 250ms linear  backwards;-moz-animation:ElligibilityCountdown__opacityAnimation__dZjhY 250ms linear  backwards;-o-animation:ElligibilityCountdown__opacityAnimation__dZjhY 250ms linear  backwards;-ms-animation:ElligibilityCountdown__opacityAnimation__dZjhY 250ms linear  backwards;animation:ElligibilityCountdown__opacityAnimation__dZjhY 250ms linear  backwards}.ElligibilityCountdown__text__hhHXL{font-size:58px;color:#2c325e;position:absolute;top:64px;left:0;width:100%;text-align:center;z-index:1;-webkit-animation:ElligibilityCountdown__opacityAnimation__dZjhY 250ms linear  backwards;-moz-animation:ElligibilityCountdown__opacityAnimation__dZjhY 250ms linear  backwards;-o-animation:ElligibilityCountdown__opacityAnimation__dZjhY 250ms linear  backwards;-ms-animation:ElligibilityCountdown__opacityAnimation__dZjhY 250ms linear  backwards;animation:ElligibilityCountdown__opacityAnimation__dZjhY 250ms linear  backwards}.ElligibilityCountdown__text__hhHXL.ElligibilityCountdown__twoDigits__hJIIV{font-size:48px}.ElligibilityCountdown__text__hhHXL.ElligibilityCountdown__twoDigits__hJIIV .ElligibilityCountdown__countdownValue__bhnXN{min-width:64px}.ElligibilityCountdown__text__hhHXL.ElligibilityCountdown__fewDigits__MYBfh{font-size:40px}.ElligibilityCountdown__text__hhHXL.ElligibilityCountdown__fewDigits__MYBfh .ElligibilityCountdown__countdownValue__bhnXN{min-width:80px}.ElligibilityCountdown__text__hhHXL.ElligibilityCountdown__manyDigits__DMFXY{font-size:32px}.ElligibilityCountdown__twoDigit__ihh8t{content:''}.ElligibilityCountdown__fewDigit__e8TN1{content:''}.ElligibilityCountdown__emphasized__\+dUg\+{-webkit-animation:ElligibilityCountdown__emphasizeAnimation__iIRpu  ease-in-out;-moz-animation:ElligibilityCountdown__emphasizeAnimation__iIRpu  ease-in-out;-o-animation:ElligibilityCountdown__emphasizeAnimation__iIRpu  ease-in-out;-ms-animation:ElligibilityCountdown__emphasizeAnimation__iIRpu  ease-in-out;animation:ElligibilityCountdown__emphasizeAnimation__iIRpu  ease-in-out}.ElligibilityCountdown__currentValue__x44z5{display:inline-block;min-width:40px}.ElligibilityCountdown__minValue__uiLLX,.ElligibilityCountdown__maxValue__phs3b{color:#6a7185;font-size:12px;position:absolute;bottom:-4px;-webkit-animation:ElligibilityCountdown__opacityAnimation__dZjhY  linear  backwards;-moz-animation:ElligibilityCountdown__opacityAnimation__dZjhY  linear  backwards;-o-animation:ElligibilityCountdown__opacityAnimation__dZjhY  linear  backwards;-ms-animation:ElligibilityCountdown__opacityAnimation__dZjhY  linear  backwards;animation:ElligibilityCountdown__opacityAnimation__dZjhY  linear  backwards}.ElligibilityCountdown__minValue__uiLLX{left:15%}.ElligibilityCountdown__maxValue__phs3b{right:15%}@-moz-keyframes ElligibilityCountdown__opacityAnimation__dZjhY{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}to{opacity:1;-ms-filter:none;filter:none}}@-webkit-keyframes ElligibilityCountdown__opacityAnimation__dZjhY{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}to{opacity:1;-ms-filter:none;filter:none}}@-o-keyframes ElligibilityCountdown__opacityAnimation__dZjhY{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}to{opacity:1;-ms-filter:none;filter:none}}@keyframes ElligibilityCountdown__opacityAnimation__dZjhY{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}to{opacity:1;-ms-filter:none;filter:none}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorLandingPage__AdvisorLandingPage__nU8\+T{content:''}.AdvisorLandingPage__pageContent__AfzuX{background-color:#f5f6f7}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.TopCoachesSection__topCoachesSection__r74cg{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:72px 16px;background:#f4f6fd;position:relative}@media screen and (min-width: 768px){.TopCoachesSection__topCoachesSection__r74cg{padding:72px 24px}}.TopCoachesSection__topCoachesSection__r74cg .TopCoachesSection__header__TdM9h{font-size:18px;font-family:sans-serif;font-weight:600;color:#404fa2;margin-bottom:54px}@media screen and (min-width: 768px){.TopCoachesSection__topCoachesSection__r74cg .TopCoachesSection__header__TdM9h{margin-bottom:64px}}.TopCoachesSection__coaches__XJHaT{content:''}@media screen and (min-width: 768px){.TopCoachesSection__coaches__XJHaT{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;max-width:834px}}.TopCoachesSection__coach__08TjE{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:98px}.TopCoachesSection__coach__08TjE:last-child{margin-bottom:0}@media screen and (min-width: 768px){.TopCoachesSection__coach__08TjE{margin-bottom:78px;width:calc(50% - 12px)}.TopCoachesSection__coach__08TjE:nth-last-child(-n+2){margin-bottom:0}}@media screen and (min-width: 1024px){.TopCoachesSection__coach__08TjE{width:calc(50% - 84px / 2)}}.TopCoachesSection__preloader__5re5G{z-index:2}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CoachCard__coachCard__dkyD7{content:'';-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-shadow:0 2.5px 1.5px 0 rgba(0,0,0,0.1),0 0 5px 0 rgba(0,0,0,0.1);border-radius:4px}.CoachCard__header__PtjuV{height:105px;background-color:#2c325e;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-top-left-radius:4px;border-top-right-radius:4px;-webkit-flex-shrink:0;flex-shrink:0}.CoachCard__avatar__VAcl7{width:158px;height:158px;border-radius:50%;position:relative}.CoachCard__content__-6Qo4{background-color:#fff;padding:32px 16px 16px;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:16px;line-height:.94;color:#404fa2;text-align:center;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.CoachCard__grades__\+M32S{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.CoachCard__grades__\+M32S span{font-weight:300}.CoachCard__name__2C6HV{font-family:"serif", "Georgia", serif;font-weight:300;font-size:40px;color:#242d5f;margin-bottom:8px;-webkit-flex-shrink:0;flex-shrink:0}.CoachCard__rating__VZrXJ{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;margin:16px 0;-webkit-flex-shrink:0;flex-shrink:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.IncomeSection__incomeSection__WKAGN{background:#fff;padding:72px 32px;position:relative}@media screen and (min-width: 768px){.IncomeSection__incomeSection__WKAGN{padding:72px 24px}}.IncomeSection__content__zAUjf{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){.IncomeSection__content__zAUjf{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;max-width:1065px;margin:0 auto}}.IncomeSection__img__wYypq{max-width:251px;margin-bottom:24px}@media screen and (min-width: 768px){.IncomeSection__img__wYypq{width:calc(50% - 50px);max-width:unset;margin-bottom:0}}.IncomeSection__incomeForm__zODAD{font-family:sans-serif;text-align:center}@media screen and (min-width: 768px){.IncomeSection__incomeForm__zODAD{width:calc(50% - 50px);text-align:left}}.IncomeSection__incomeForm__zODAD h4{font-family:"serif", "Georgia", serif;font-weight:300;font-size:32px;color:#242d5f;margin-bottom:24px}.IncomeSection__incomeForm__zODAD p{font-family:"sans", "Arial", sans-serif;font-weight:300;font-size:16px;color:#404fa2;margin-bottom:32px}.IncomeSection__incomeForm__zODAD label{margin-bottom:12px}.IncomeSection__incomeForm__zODAD button{margin-top:24px}.IncomeSection__label__1P3PD{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:16px;color:#242d5f;text-align:left;margin-bottom:8px}.IncomeSection__inputWrapper__a2ons{text-align:left}.IncomeSection__input__b3Aw2{height:72px;padding:0 18px;text-align:left}@media screen and (min-width: 768px){.IncomeSection__input__b3Aw2{max-width:434px}}.IncomeSection__submit__Qfoeo{content:''}@media screen and (min-width: 768px){.IncomeSection__submit__Qfoeo{max-width:292px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.HeroSection__heroSection__YMHlT{padding:42px 16px 32px;background:#fff}@media screen and (min-width: 768px){.HeroSection__heroSection__YMHlT{height:680px;padding:0 24px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;overflow:hidden}}@media screen and (min-width: 1024px){.HeroSection__heroSection__YMHlT{height:700px;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}}.HeroSection__content__p18zb{margin:0 auto}@media screen and (min-width: 1024px){.HeroSection__content__p18zb{max-width:954px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}@media screen and (min-width: 1440px){.HeroSection__content__p18zb{max-width:1050px}}.HeroSection__img__0tSmz{position:relative;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 0 477px;-ms-flex:1 0 477px;flex:1 0 477px;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-width:100px;visibility:hidden;padding-top:61.83%}.HeroSection__img__0tSmz .HeroSection__imgAspectRatio__89tJU{position:absolute;top:0}.HeroSection__img__0tSmz.HeroSection__visible__zrUNb{visibility:visible}@media screen and (min-width: 768px){.HeroSection__img__0tSmz{margin-top:-30px;min-width:326px}}@media screen and (min-width: 1024px){.HeroSection__img__0tSmz{width:calc(100% / 2 * 1 - 24px);margin-top:0;min-width:489px;padding-top:initial}.HeroSection__img__0tSmz .HeroSection__imgAspectRatio__89tJU{position:initial;top:initial}}@media screen and (min-width: 1440px){.HeroSection__img__0tSmz{width:calc(100% / 3 * 2 - 24px);min-width:600px}}.HeroSection__details__t5nID{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-shrink:0;flex-shrink:0;text-align:center;margin-bottom:48px}@media screen and (min-width: 1024px){.HeroSection__details__t5nID{width:calc(100% / 2 * 1 - 24px);text-align:left;margin-bottom:0}}@media screen and (min-width: 1440px){.HeroSection__details__t5nID{width:calc(100% / 3 * 1 - 24px)}}.HeroSection__headline__J7x72{font-family:"serif", "Georgia", serif;font-weight:500;font-size:32px;line-height:1.25;color:#2c325e}@media screen and (min-width: 375px){.HeroSection__headline__J7x72{font-size:34px}}@media screen and (min-width: 768px){.HeroSection__headline__J7x72{font-size:38px}}@media screen and (min-width: 1024px){.HeroSection__headline__J7x72{font-size:42px}}.HeroSection__summary__\+Wm59{margin:24px 0;font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.5;color:#8c95a5}@media screen and (min-width: 768px){.HeroSection__summary__\+Wm59{max-width:560px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1024px){.HeroSection__summary__\+Wm59{font-size:18px}}@media screen and (min-width: 1440px){.HeroSection__summary__\+Wm59{margin-top:32px}}.HeroSection__buttonWrapper__zUy30{margin:0 auto}@media screen and (min-width: 1024px){.HeroSection__buttonWrapper__zUy30{margin:0}}.HeroSection__userCounter__Kf9nV{margin-top:16px;font-family:"sans", "Arial", sans-serif;font-size:14px;color:#2c325e;text-align:center}@media screen and (min-width: 1024px){.HeroSection__userCounter__Kf9nV{font-size:16px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.HowitworksCoachSection__howitworksCoachSection__N5IxM{padding:48px 16px;font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#fff;background-image:-webkit-linear-gradient(270deg, #2c325e, #404fa2);background-image:-moz-linear-gradient(270deg, #2c325e, #404fa2);background-image:-o-linear-gradient(270deg, #2c325e, #404fa2);background-image:-ms-linear-gradient(270deg, #2c325e, #404fa2);background-image:linear-gradient(180deg, #2c325e, #404fa2)}@media screen and (min-width: 768px){.HowitworksCoachSection__howitworksCoachSection__N5IxM{padding:56px 24px}}.HowitworksCoachSection__howitworksCoachSection__N5IxM h2{font-family:"serif", "Georgia", serif;font-weight:300;font-size:32px;color:#fff;text-align:center;margin-bottom:56px}@media screen and (min-width: 768px){.HowitworksCoachSection__howitworksCoachSection__N5IxM h2{font-size:48px}}.HowitworksCoachSection__howitworksCoachSection__N5IxM ul{content:''}@media screen and (min-width: 768px){.HowitworksCoachSection__howitworksCoachSection__N5IxM ul{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-shrink:0;flex-shrink:0;width:calc(50% - 24px)}}.HowitworksCoachSection__howitworksCoachSection__N5IxM li{counter-increment:hiw;position:relative;font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.5;color:#cdd2ec;margin-bottom:48px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}@media screen and (min-width: 768px){.HowitworksCoachSection__howitworksCoachSection__N5IxM li{display:block;padding-left:60px;text-align:left}}.HowitworksCoachSection__howitworksCoachSection__N5IxM li:last-child{content:''}@media screen and (min-width: 768px){.HowitworksCoachSection__howitworksCoachSection__N5IxM li:last-child{margin-bottom:0}}.HowitworksCoachSection__howitworksCoachSection__N5IxM li:before{display:block;content:counter(hiw);width:48px;height:48px;border-radius:50%;font-family:"serif", "Georgia", serif;font-weight:500;font-size:32px;color:#2c325e;background-color:#fff;text-align:center;margin-bottom:16px}@media screen and (min-width: 768px){.HowitworksCoachSection__howitworksCoachSection__N5IxM li:before{position:absolute;left:0;top:-5px}}.HowitworksCoachSection__howitworksCoachSection__N5IxM li h5{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:28px;line-height:1.2;color:#fff;margin-bottom:12px}.HowitworksCoachSection__content__52oC1{max-width:892px;margin:0 auto}@media screen and (min-width: 768px){.HowitworksCoachSection__content__52oC1{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}}.HowitworksCoachSection__imageBlock__Y9fi\+{font-size:0}@media screen and (min-width: 768px){.HowitworksCoachSection__imageBlock__Y9fi\+{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-shrink:0;flex-shrink:0;width:calc(50% - 24px)}}.HowitworksCoachSection__image__Mi9ou{width:100%;border-radius:4px;overflow:hidden;margin-bottom:24px}.HowitworksCoachSection__joinBtn__tJ5TQ{height:48px;width:100%;font-size:12px}@media screen and (min-width: 768px){.HowitworksCoachSection__joinBtn__tJ5TQ{height:60px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ReviewsSection__reviewsSection__6Kkwz{background:#f5f6f7;border-top:1px solid #ced5df;border-bottom:1px solid #ced5df;position:relative;padding:72px 16px}@media screen and (min-width: 768px){.ReviewsSection__reviewsSection__6Kkwz{padding:72px 24px}}.ReviewsSection__content__v4o3m{max-width:1143px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ReviewsSection__header__ZesgY{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:16px;color:#f88484;margin-bottom:24px}@media screen and (min-width: 768px){.ReviewsSection__header__ZesgY{font-size:18px;font-weight:600}}.ReviewsSection__heroReview__f8Woo{text-align:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:40px;font-family:"serif", "Georgia", serif;font-weight:300;font-size:28px;color:#242d5f}@media screen and (min-width: 768px){.ReviewsSection__heroReview__f8Woo{max-width:75%;font-size:32px}}.ReviewsSection__heroReview__f8Woo h5{font-family:"sans", "Arial", sans-serif;font-weight:300;font-size:16px;color:#6a78c6;margin-top:16px;margin-bottom:8px}.ReviewsSection__reviews__X7Av8{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.ReviewsSection__review__sXn\+3{padding:16px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:24px}.ReviewsSection__review__sXn\+3:last-child{margin-bottom:0}@media screen and (min-width: 768px){.ReviewsSection__review__sXn\+3{width:calc(50% - 12px);margin-bottom:24px}.ReviewsSection__review__sXn\+3:nth-last-child(-n+2){margin-bottom:0}}@media screen and (min-width: 1024px){.ReviewsSection__review__sXn\+3{width:calc((100% - 24px * 3) / 4);margin-bottom:0}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AdvisorReview__advisorReview__EzlUt{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.AdvisorReview__header__tdrfc{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:16px;-webkit-flex-shrink:0;flex-shrink:0}.AdvisorReview__quotes__cHyuB{width:24px;height:21px;color:#eef0f9}.AdvisorReview__date__I8ghm{font-family:"sans", "Arial", sans-serif;font-size:12px;color:#cdd2ec}.AdvisorReview__text__R0\+S3{font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.45;color:#242d5f;margin-bottom:8px;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.AdvisorReview__stars__CMU83{color:#f4f6fd;margin-bottom:14px;-webkit-flex-shrink:0;flex-shrink:0}.AdvisorReview__name__vB5iL{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:16px;color:#242d5f;-webkit-flex-shrink:0;flex-shrink:0}.AdvisorReview__location__96y2x{font-family:"sans", "Arial", sans-serif;font-size:12px;color:#242d5f;-webkit-flex-shrink:0;flex-shrink:0}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.OverviewCoachSection__overviewCoachSection__g4ssT{background:#fff;padding:85px 16px 60px;text-align:center}@media screen and (min-width: 1024px){.OverviewCoachSection__overviewCoachSection__g4ssT{text-align:left}}@media screen and (min-width: 1440px){.OverviewCoachSection__overviewCoachSection__g4ssT{padding-bottom:100px}}.OverviewCoachSection__header__Fy\+4e{font-family:"serif", "Georgia", serif;font-weight:500;font-size:32px;line-height:1.25;color:#4d556c;max-width:360px;margin:0 auto;padding-bottom:30px}@media screen and (min-width: 1024px){.OverviewCoachSection__header__Fy\+4e{font-size:60px;line-height:1.2;padding-bottom:0;max-width:800px;text-align:center}}.OverviewCoachSection__lineBreak__f\+lEK{display:block;font-size:0}@media screen and (min-width: 1024px){.OverviewCoachSection__lineBreak__f\+lEK{display:inline;font-size:inherit}}.OverviewCoachSection__features__VDH8\+{list-items:none}@media screen and (min-width: 1024px){.OverviewCoachSection__features__VDH8\+{max-width:880px;margin:0 auto}}@media screen and (min-width: 1440px){.OverviewCoachSection__features__VDH8\+{max-width:980px}}.OverviewCoachSection__feature__\+riwb{margin-top:40px}@media screen and (min-width: 1024px){.OverviewCoachSection__feature__\+riwb{display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:48px;width:50%;margin-top:90px}.OverviewCoachSection__feature__\+riwb:nth-child(odd){padding-right:24px}.OverviewCoachSection__feature__\+riwb:nth-child(even){padding-left:72px}}@media screen and (min-width: 1440px){.OverviewCoachSection__feature__\+riwb:nth-child(odd){padding-right:64px}.OverviewCoachSection__feature__\+riwb:nth-child(even){padding-left:112px}}.OverviewCoachSection__featureHeader__xjgxz{color:#4d556c;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:18px;line-height:1.33;position:relative}.OverviewCoachSection__iconWrapper__J-dhj{width:32px;height:32px;color:#6a7185;margin:0 auto 16px}@media screen and (min-width: 1024px){.OverviewCoachSection__iconWrapper__J-dhj{position:absolute;left:-48px;top:-4px}}.OverviewCoachSection__featureText__4OBDr{color:#6a7185;font-family:"sans", "Arial", sans-serif;font-size:18px;line-height:1.5;max-width:430px;margin:16px auto 0}@media screen and (min-width: 1024px){.OverviewCoachSection__featureText__4OBDr{max-width:none}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CreditCardPage__headerLink__1J3gV{font-family:"sans", "Arial", sans-serif;font-size:14px;line-height:2;font-weight:500}.CreditCardPage__headerLink__1J3gV:hover .CreditCardPage__chevron__anGea{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-o-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px)}.CreditCardPage__chevron__anGea{-webkit-transition:-webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:-moz-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:-o-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:-ms-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);height:8px;width:8px;display:inline-block;padding-bottom:1px;margin-left:3px}.CreditCardPage__module__S23Jj,.CreditCardPage__trackerModule__K5g6I{margin-bottom:48px}.CreditCardPage__summaryModule__DapPB{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}@media screen and (min-width: 768px){.CreditCardPage__summaryModule__DapPB{-webkit-box-ordinal-group:unset;-moz-box-ordinal-group:unset;-o-box-ordinal-group:unset;-ms-flex-order:unset;-webkit-order:unset;order:unset}.CreditCardPage__summaryModule__DapPB > div{height:222px}}.CreditCardPage__welcomeModule__UxAvu{}.CreditCardPage__welcomeModule__UxAvu > div p{margin-bottom:auto}@media screen and (min-width:1024px) and (max-width:1148px){.CreditCardPage__welcomeModule__UxAvu > div > h2{font-size:23px}}@media screen and (min-width:875px) and (max-width:1023px){.CreditCardPage__welcomeModule__UxAvu > div > h2{font-size:20px}}@media screen and (min-width:768px) and (max-width:874px){.CreditCardPage__welcomeModule__UxAvu > div > h2{font-size:18px;letter-spacing:-.1px}}@media screen and (min-width:1024px) and (max-width:1148px){.CreditCardPage__nextPaymentModule__jIs2A > div h2{font-size:23px}}@media screen and (min-width:875px) and (max-width:1023px){.CreditCardPage__nextPaymentModule__jIs2A > div h2{font-size:20px}}@media screen and (min-width:768px) and (max-width:874px){.CreditCardPage__nextPaymentModule__jIs2A > div h2{font-size:19px}}.CreditCardPage__transactionsModule__nOKq7{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}@media screen and (min-width: 768px){.CreditCardPage__transactionsModule__nOKq7{-webkit-box-ordinal-group:unset;-moz-box-ordinal-group:unset;-o-box-ordinal-group:unset;-ms-flex-order:unset;-webkit-order:unset;order:unset}}.CreditCardPage__transactionsModule__nOKq7.CreditCardPage__fixedHeight__LcIY6 > div{height:691px}.CreditCardPage__nextPaymentModule__jIs2A{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}@media screen and (min-width: 768px){.CreditCardPage__nextPaymentModule__jIs2A{-webkit-box-ordinal-group:unset;-moz-box-ordinal-group:unset;-o-box-ordinal-group:unset;-ms-flex-order:unset;-webkit-order:unset;order:unset}.CreditCardPage__nextPaymentModule__jIs2A > div{height:222px}}.CreditCardPage__rewardsModule__TwreL{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}@media screen and (min-width: 768px){.CreditCardPage__rewardsModule__TwreL{-webkit-box-ordinal-group:unset;-moz-box-ordinal-group:unset;-o-box-ordinal-group:unset;-ms-flex-order:unset;-webkit-order:unset;order:unset}.CreditCardPage__rewardsModule__TwreL > div{height:222px}}@media screen and (min-width:1024px) and (max-width:1221px){.CreditCardPage__rewardsModule__TwreL > div{height:199px}}.CreditCardPage__coachingModule__w1qWx{margin-bottom:0;-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}@media screen and (min-width: 768px){.CreditCardPage__coachingModule__w1qWx{-webkit-box-ordinal-group:unset;-moz-box-ordinal-group:unset;-o-box-ordinal-group:unset;-ms-flex-order:unset;-webkit-order:unset;order:unset}}.CreditCardPage__quickLookSection__Mhvp8{border-bottom:1px solid #ced5df;margin-top:-64px;--h-space:0;padding:0 var(--h-space) 32px}@media screen and (min-width: 375px){.CreditCardPage__quickLookSection__Mhvp8{--h-space:12px}}@media screen and (min-width: 415px){.CreditCardPage__quickLookSection__Mhvp8{--h-space:16px}}@media screen and (min-width: 768px){.CreditCardPage__quickLookSection__Mhvp8{--h-space:24px}}@media screen and (min-width: 1440px){.CreditCardPage__quickLookSection__Mhvp8{--h-space:32px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CreditCardPagePreset__pageHeading__dTH31{padding-left:8px}@media screen and (min-width: 375px){.CreditCardPagePreset__pageHeading__dTH31{padding-left:unset}}.CreditCardPagePreset__anchorPlaceholder__qy2tJ{border-bottom:1px solid transparent;margin-bottom:-1px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.RecentTransactions__recentTransactions__45U3H{height:100%;position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.RecentTransactions__header__vzO6K{content:''}.RecentTransactions__header__vzO6K:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.RecentTransactions__transaction__2mDZQ:hover{background:#fafbff}.RecentTransactions__transaction__2mDZQ + .RecentTransactions__transaction__2mDZQ{border-top:1px solid #ced5df}.RecentTransactions__actions__R9AuT{padding:16px;padding-top:8px;margin-top:auto}.RecentTransactions__action__W2nL0{margin-bottom:8px}.RecentTransactions__zeroState__JcJ2O{text-align:center;padding-top:16px;padding-bottom:16px;padding-right:16px;padding-left:16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:213px}@media screen and (min-width: 768px){.RecentTransactions__zeroState__JcJ2O{padding-top:24px}}@media screen and (min-width: 768px){.RecentTransactions__zeroState__JcJ2O{padding-bottom:24px}}@media screen and (max-width: 375px){.RecentTransactions__zeroState__JcJ2O{padding-right:12px}}@media screen and (min-width: 768px){.RecentTransactions__zeroState__JcJ2O{padding-right:24px}}@media screen and (max-width: 375px){.RecentTransactions__zeroState__JcJ2O{padding-left:12px}}@media screen and (min-width: 768px){.RecentTransactions__zeroState__JcJ2O{padding-left:24px}}.RecentTransactions__zeroState__JcJ2O a{-webkit-transform:translateY(25px);-moz-transform:translateY(25px);-o-transform:translateY(25px);-ms-transform:translateY(25px);transform:translateY(25px)}.RecentTransactions__zeroState__JcJ2O h4{color:#4d556c}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.RecentTransactionItem__transaction__lr8\+Q{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:12px 16px;cursor:pointer;gap:6px}.RecentTransactionItem__row__Ls6EC{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.RecentTransactionItem__row1__BBysD{margin-bottom:8px}.RecentTransactionItem__col__vyowX{content:''}.RecentTransactionItem__title__wjgoV{font-family:"sans", "Arial", sans-serif;font-size:16px;letter-spacing:-.21px;color:#4d556c;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.RecentTransactionItem__tooltip__MeUi7{position:relative;-webkit-flex-shrink:0;flex-shrink:0;width:16px;height:16px;margin-left:8px;display:inline-block;margin-left:8px;vertical-align:middle}.RecentTransactionItem__amount__VlC-I{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:16px;letter-spacing:-.21px;text-align:right;color:#1c2234;margin-left:16px}.RecentTransactionItem__category__fbtbz{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;color:#8c95a5}.RecentTransactionItem__seeMore__D50la{font-family:"sans", "Arial", sans-serif;font-size:12px;color:#8c95a5;text-align:right;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.RecentTransactionItem__green__6xEXy{color:#387a25}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Rewards__rewards__LonC9{height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.Rewards__title__KQq0J{margin-top:32px;font-family:"sans", "Arial", sans-serif;font-size:12px;text-align:center;color:#4d556c}.Rewards__amount__Jgqs7{font-family:"sans", "Arial", sans-serif;font-size:40px;text-align:center;color:#44932d;margin-bottom:24px}.Rewards__actions__cty2-{margin-top:auto}.Rewards__primaryAction__RlKQR{margin-bottom:8px;display:block}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Coaching__coaching__HHGYM{content:''}.Coaching__image__ZYfe-{height:132px;margin-bottom:16px;background-image:url("/images/coaching/coaching.jpg");background-position:center;background-size:cover}.Coaching__text__FfV5Z{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.44;color:#4d556c;margin-bottom:16px}.Coaching__actions__TK\+rK{content:''}.Coaching__primaryAction__heVRI{margin-bottom:8px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CardNeverAppliedPreset__cardsComparison__RXwqp{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.CardNeverAppliedPreset__title__g4jTl{font-family:"serif", "Georgia", serif;font-weight:300;font-size:31px;color:#0b0014;text-align:center;margin-bottom:32px}.CardNeverAppliedPreset__title__g4jTl b{font-weight:500}.CardNeverAppliedPreset__title__g4jTl span{font-weight:500;color:#00a3e0}@media screen and (min-width: 768px){.CardNeverAppliedPreset__title__g4jTl{font-size:48px;margin:0 auto 24px}}.CardNeverAppliedPreset__chart__TzE9B{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;min-width:90%;height:272px;min-height:272px;margin-bottom:var(--space-medium)}.CardNeverAppliedPreset__picker__JcRDe{margin-bottom:22px;padding:16px}.CardNeverAppliedPreset__picker__JcRDe > div{color:#4d556c}.CardNeverAppliedPreset__controls__yFKS3{padding:0}@media screen and (min-width: 375px){.CardNeverAppliedPreset__controls__yFKS3{padding:0 8px 0}}@media screen and (min-width: 768px){.CardNeverAppliedPreset__controls__yFKS3{padding:0}}.CardNeverAppliedPreset__controls__yFKS3,.CardNeverAppliedPreset__picker__JcRDe{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 768px){.CardNeverAppliedPreset__controls__yFKS3,.CardNeverAppliedPreset__picker__JcRDe{margin-left:48px;margin-right:48px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Chart__chart__\+9OJy{width:100%;height:100%;position:relative}.Chart__svg__9zMo1{width:100%;height:100%;position:absolute;left:0;top:0}.Chart__line1__WE-JU{stroke-width:3px;stroke:#33b5e6;fill:none;-webkit-transition:100ms;-moz-transition:100ms;-o-transition:100ms;-ms-transition:100ms;transition:100ms}.Chart__area1__hRngH{stroke:none;-webkit-transition:100ms;-moz-transition:100ms;-o-transition:100ms;-ms-transition:100ms;transition:100ms}.Chart__line2__rv5q3{stroke-width:3px;stroke:#e46565;fill:none;-webkit-transition:100ms;-moz-transition:100ms;-o-transition:100ms;-ms-transition:100ms;transition:100ms}.Chart__statusPoint__46pi6{fill:#33b5e6;-webkit-transition:100ms;-moz-transition:100ms;-o-transition:100ms;-ms-transition:100ms;transition:100ms}.Chart__comparisonPoint__VJwo2{fill:#e46565;-webkit-transition:100ms;-moz-transition:100ms;-o-transition:100ms;-ms-transition:100ms;transition:100ms}.Chart__xAxis__JRNxA{-webkit-transform:translateY(calc(100% - var(--x-axis-height)));-moz-transform:translateY(calc(100% - var(--x-axis-height)));-o-transform:translateY(calc(100% - var(--x-axis-height)));-ms-transform:translateY(calc(100% - var(--x-axis-height)));transform:translateY(calc(100% - var(--x-axis-height)))}.Chart__xAxis__JRNxA .tick{content:''}.Chart__xAxis__JRNxA .tick line{fill:transparent;stroke:#b6bde3;stroke-width:1px}.Chart__xAxis__JRNxA .tick text{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:10px;fill:#b6bde3}.Chart__xAxis__JRNxA .domain{fill:transparent;stroke:#b6bde3;stroke-width:1px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.Controls__controls__-jz-o{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-family:"sans", "Arial", sans-serif;font-size:ans-family}.Controls__control__VRAB5{width:calc(((100% - 12px) / 2))}@media screen and (min-width: 375px){.Controls__control__VRAB5{width:calc(((100% - 24px) / 2))}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ControlPreset__label__YrazT{font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:14px;color:#6a78c6;margin-bottom:8px}.ControlPreset__inputWrapper__Mg7ZO{padding:7px 8px;border-radius:5px;border:solid 2px #ced5df;background-color:#fafbff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow:inset 0 1px 2px rgba(0,0,0,0.15)}.ControlPreset__input__BIYSm{font-family:"sans", "Arial", sans-serif;font-size:18px;color:#1c2234;background-color:transparent;border:none;padding:0;margin:0;outline:none;width:100%;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.ControlPreset__units__36OkZ{font-family:"sans", "Arial", sans-serif;font-size:10px;color:#6a7185;-webkit-flex-shrink:0;flex-shrink:0;margin-left:8px}.ControlPreset__rangeWrapper__JBMhl{position:relative}.ControlPreset__track__2TTkd.ControlPreset__track__2TTkd.ControlPreset__track__2TTkd{position:absolute;top:16px;width:100%;pointer-events:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SliderTrack__sliderTrack__Sn7yT{position:relative}.SliderTrack__track__jIFzE{height:4px;width:100%;background-color:#ced5df;border-radius:4px;position:relative;overflow:hidden}.SliderTrack__track__jIFzE:before{display:block;content:'';position:absolute;height:100%;top:0;left:var(--left);width:var(--width);background-color:#3172f5}.SliderTrack__zero__k0fgk{position:absolute;height:12px;top:-4px;width:2px;left:var(--zero);border-radius:2px;background-color:#ced5df}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CardPickerNoCards__item__RgsYs{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-family:"sans", "Arial", sans-serif;font-size:14px;color:#b6bde3;margin-bottom:16px}.CardPickerNoCards__item__RgsYs:last-child{margin-bottom:0}.CardPickerNoCards__point__\+a3nT{-webkit-flex-shrink:0;flex-shrink:0;width:12px;height:12px;border-radius:50%;background-color:#f00;margin-right:8px}.CardPickerNoCards__point1__MG-UC{background-color:#00a3e0}.CardPickerNoCards__point1__MG-UC ~ .CardPickerNoCards__amount__VXtF-{color:#00a3e0}.CardPickerNoCards__point2__wUC2W{background-color:#e46565}.CardPickerNoCards__point2__wUC2W ~ .CardPickerNoCards__amount__VXtF-{color:#e46565}.CardPickerNoCards__title__LPQp\+{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.CardPickerNoCards__amount__VXtF-{-webkit-flex-shrink:0;flex-shrink:0;margin-left:var(--space-medium)}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CardApplicationPage__pageLayout__-a\+Eg{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:32px}@media screen and (min-width: 768px){.CardApplicationPage__pageLayout__-a\+Eg{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-column-gap:32px;-moz-column-gap:32px;column-gap:32px}}.CardApplicationPage__cardCol__wWKqU{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-shrink:0;flex-shrink:0;max-width:400px}.CardApplicationPage__prosCol__f2kMD{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.CardApplicationPage__cardModule__hAd2h{margin-bottom:32px}.CardApplicationPage__cardModule__hAd2h h1{margin-bottom:26px;color:#1c2234;font-family:"serif", "Georgia", serif;font-weight:500;font-size:40px;line-height:1.3}.CardApplicationPage__card__I\+bWx{margin-bottom:26px;padding-top:63%;border-radius:15px;background-color:#050537;background-image:url("/images/credit-card/status_card_700-visa.png");background-position:center;background-size:cover}.CardApplicationPage__pros__uTGdx{margin-bottom:32px}.CardApplicationPage__pros__uTGdx li{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #ced5df;color:#4d556c;list-style:none;font-family:"sans", "Arial", sans-serif;font-size:12px}.CardApplicationPage__pros__uTGdx li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.CardApplicationPage__pros__uTGdx h2{margin-bottom:2px;color:#00212d;font-family:"serif", "Georgia", serif;font-weight:500;font-size:32px}.CardApplicationPage__pros__uTGdx h4{margin-bottom:8px;color:#33b5e6;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:18px;line-height:1.39}.CardApplicationPage__chart__MF28g{margin-bottom:32px}.CardApplicationPage__footnotes__lwEME{content:''}.CardApplicationPage__applyButton__J9Fya{margin:0 auto 32px;text-align:center}.CardApplicationPage__centerNote__FU9Oo{margin-bottom:16px;color:#8c95a5;text-align:center;font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.4}.CardApplicationPage__application__nY-SE{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.CardApplicationPage__application__nY-SE ~ div{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}@media screen and (min-width: 768px){.CardApplicationPage__application__nY-SE{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.CardApplicationPage__application__nY-SE ~ div{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}}.CardApplicationPage__application__nY-SE button,.CardApplicationPage__application__nY-SE > a{margin-top:auto;width:100%}@media screen and (min-width: 768px){.CardApplicationPage__application__nY-SE button,.CardApplicationPage__application__nY-SE > a{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start;max-width:300px}}.CardApplicationPage__application__nY-SE > p{color:#4d556c}.CardApplicationPage__application__nY-SE > h5{color:#00a3e0;margin-top:-8px;margin-bottom:-16px}.CardApplicationPage__application__nY-SE > h1{color:#1c2234;font-family:sans;font-weight:700;margin-bottom:-8px}.CardApplicationPage__notes__Eza2g{margin-bottom:16px;color:#8c95a5;font-family:"sans", "Arial", sans-serif;font-size:10px;line-height:1.9}.CardApplicationPage__links__OVaNy{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#6a7185;text-align:center;font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.67}.CardApplicationPage__links__OVaNy a{color:inherit;text-decoration:underline}.CardApplicationPage__chart__MF28g h1{font-weight:100}.CardApplicationPage__blurbs__wIXV9 h2{font-weight:600;margin-bottom:6px;color:#1c2234}.CardApplicationPage__blurbs__wIXV9 h4{font-weight:400;line-height:1.5;color:#4d556c}.CardApplicationPage__blurbs__wIXV9 > li{width:100%}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.CreditCardLedgerChart__creditCardLedgerChart__9rhYi{width:100%;height:12px;background:#e7f8ff;border-radius:3px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.CreditCardLedgerChart__creditCardLedgerChart__9rhYi.CreditCardLedgerChart__vertical__NoeC3{width:12px;height:auto;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.CreditCardLedgerChart__creditCardLedgerChart__9rhYi > div{background:currentColor}.CreditCardLedgerChart__creditCardLedgerChart__9rhYi > div:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.CreditCardLedgerChart__creditCardLedgerChart__9rhYi > div:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.CreditCardLedgerChart__creditCardLedgerChart__9rhYi.CreditCardLedgerChart__vertical__NoeC3 > div:first-child{border-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.CreditCardLedgerChart__creditCardLedgerChart__9rhYi.CreditCardLedgerChart__vertical__NoeC3 > div:last-child{border-radius:0;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.CreditCardLedgerChart__creditCardLedgerChart__9rhYi.CreditCardLedgerChart__currentBalance__cMhG0 div.CreditCardLedgerChart__statementBalance__uIpe3,.CreditCardLedgerChart__creditCardLedgerChart__9rhYi.CreditCardLedgerChart__currentBalance__cMhG0 div.CreditCardLedgerChart__minimumAmount__gPvUS{color:#66c8ec}.CreditCardLedgerChart__creditCardLedgerChart__9rhYi.CreditCardLedgerChart__statementBalance__uIpe3 div.CreditCardLedgerChart__minimumAmount__gPvUS{color:#00a3e0}.CreditCardLedgerChart__currentBalance__cMhG0{color:#66c8ec}.CreditCardLedgerChart__statementBalance__uIpe3{color:#00a3e0}.CreditCardLedgerChart__minimumAmount__gPvUS{color:#f5a623}.CreditCardLedgerChart__clickable__8mTg8 > div{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);cursor:pointer;-webkit-transition:background 250ms cubic-bezier(0.42, 0, 0.58, 1);-moz-transition:background 250ms cubic-bezier(0.42, 0, 0.58, 1);-o-transition:background 250ms cubic-bezier(0.42, 0, 0.58, 1);-ms-transition:background 250ms cubic-bezier(0.42, 0, 0.58, 1);transition:background 250ms cubic-bezier(0.42, 0, 0.58, 1);background:currentColor;-webkit-transition:color 250ms cubic-bezier(0.42, 0, 0.58, 1), opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);-moz-transition:color 250ms cubic-bezier(0.42, 0, 0.58, 1), opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);-o-transition:color 250ms cubic-bezier(0.42, 0, 0.58, 1), opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);-ms-transition:color 250ms cubic-bezier(0.42, 0, 0.58, 1), opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);transition:color 250ms cubic-bezier(0.42, 0, 0.58, 1), opacity 250ms cubic-bezier(0.42, 0, 0.58, 1)}.CreditCardLedgerChart__clickable__8mTg8 > div.CreditCardLedgerChart__currentBalance__cMhG0,.CreditCardLedgerChart__clickable__8mTg8 > div.CreditCardLedgerChart__statementBalance__uIpe3,.CreditCardLedgerChart__clickable__8mTg8 > div.CreditCardLedgerChart__minimumAmount__gPvUS{opacity:1;-ms-filter:none;filter:none}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.NextPayment__nextPayment__cGYaO{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media screen and (min-width: 375px){.NextPayment__nextPayment__cGYaO{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.OnboardingPagePreset__card__0LzCR{display:block;width:100%;margin-bottom:32px;padding-bottom:32px}.OnboardingPagePreset__card__0LzCR:before{border:none;display:none}.OnboardingPagePreset__header__IigbC{margin-bottom:32px}.OnboardingPagePreset__page__\+6usE{position:relative}.OnboardingPagePreset__navButton__ckj7g{position:absolute;top:16px}.OnboardingPagePreset__navButton__ckj7g button{width:24px;height:24px;padding:0;color:#8c95a5;padding:4px;background-color:rgba(11,0,20,0.05);border-radius:5px}@media screen and (min-width: 768px){.OnboardingPagePreset__navButton__ckj7g{display:none}}.OnboardingPagePreset__closeButton__Asd8P{right:16px}.OnboardingPagePreset__backButton__YoVWk{left:16px;-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.OnboardingPagePreset__backButton__YoVWk{position:absolute}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.AddressStepPage__controlList__yJhcA{content:''}.AddressStepPage__controlListItem__RLL1M{margin-top:24px}.AddressStepPage__controlListItem__RLL1M:first-child{margin-top:0}.AddressStepPage__controlListItem__RLL1M::before{content:none}.AddressStepPage__poNote__cEOWy{color:#8c95a5;font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.58;margin-top:24px}.AddressStepPage__bottomNote__QrjmV{color:#8c95a5;font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.58;margin-top:32px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.FormCommonError__error__BBzjS{color:#e34242;font-family:"sans", "Arial", sans-serif;font-size:14px;text-align:center}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SSNStepPage__controlList__E\+vD3{content:''}.SSNStepPage__controlListItem__S5JA\+{margin-top:24px}.SSNStepPage__controlListItem__S5JA\+:first-child{margin-top:0}.SSNStepPage__controlListItem__S5JA\+::before{content:none}.SSNStepPage__poNote__pl6zM{color:#8c95a5;font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.58;margin-top:24px}.SSNStepPage__bottomNote__iOVYA{color:#8c95a5;font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.58;margin-top:32px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ReviewStepPage__controlList__I1Jsh{content:''}.ReviewStepPage__controlListItem__dfeVd{margin-top:24px}.ReviewStepPage__controlListItem__dfeVd:first-child{margin-top:0}.ReviewStepPage__controlListItem__dfeVd::before{content:none}.ReviewStepPage__topNote__8g7Ze{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.5;color:#4d556c;margin-bottom:32px}.ReviewStepPage__fields__psRY-{content:''}.ReviewStepPage__field__d0bP3{margin-bottom:24px}.ReviewStepPage__pageLayout__jh1IK h4{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:13px;color:#4d556c;margin-bottom:8px}.ReviewStepPage__pageLayout__jh1IK sup{font-size:9px;vertical-align:super}.ReviewStepPage__section__oqAYK{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;font-family:"sans", "Arial", sans-serif;font-size:14px;padding-top:16px 24px;margin-top:24px;width:100%}.ReviewStepPage__section__oqAYK:before{border:none;display:none}.ReviewStepPage__section__oqAYK .ReviewStepPage__link__xf6zb{margin-bottom:16px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.ReviewStepPage__section__oqAYK .ReviewStepPage__chevronWrapper__CxX3p{width:16px;height:16px;overflow:hidden;display:inline-block}.ReviewStepPage__section__oqAYK .ReviewStepPage__chevron__8hN4z{width:48px;height:48px;color:#4d556c;margin-top:-1px}.ReviewStepPage__subNote__u5GRG{color:#4d556c;font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:14px;line-height:1.4;margin-top:4px;text-align:center}.ReviewStepPage__linksSection__blV4s{margin-top:-8px}.ReviewStepPage__articlePlate__VII2t{border:1px solid #ced5df;padding:0 12px;background-color:#edeff1;border-radius:3px;margin-bottom:8px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.15)}.ReviewStepPage__articlePlate__VII2t ul{font-size:12px;margin-bottom:12px}.ReviewStepPage__articlePlate__VII2t p{margin-top:8px;margin-bottom:-4px;text-align:left;color:#4d556c}.ReviewStepPage__article__ecsY7{font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.58;color:#4d556c;padding:12px 0}.ReviewStepPage__article__ecsY7 li{margin-bottom:4px}.ReviewStepPage__bottomNote__2X1yN{color:#8c95a5;font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.58;margin-top:32px;margin-bottom:24px}.ReviewStepPage__error__rzD8m{color:#e34242;font-family:"sans", "Arial", sans-serif;font-size:14px;text-align:center}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.ReadOnlyField__readOnlyField__1DDbG{position:relative}.ReadOnlyField__readOnlyField__1DDbG.ReadOnlyField__isLoading__zupGs{opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70)}.ReadOnlyField__label__WM-mO{font-family:"sans", "Arial", sans-serif;font-size:12px;color:#4d556c;pointer-events:none;margin-bottom:6px;margin-left:8px}.ReadOnlyField__label__WM-mO form label{margin-left:8px}.ReadOnlyField__cols__xrVrx{margin:0 8px;border-bottom:1px solid #ced5df;padding-bottom:1px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.ReadOnlyField__values__u6l2y{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;overflow:hidden}.ReadOnlyField__value__\+2fj3{font-family:"sans", "Arial", sans-serif;font-size:20px;line-height:1.4;color:#1c2234;min-height:20px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.ReadOnlyField__cta__X0BMW{-webkit-flex-shrink:0;flex-shrink:0;margin-left:8px;height:20px}.ReadOnlyField__preloader__vwBxY{margin-bottom:4px;margin-top:-4px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.InPlaceInput__inPlaceInput__F8LoJ{content:''}.InPlaceInput__label__a7F8m{font-family:"sans", "Arial", sans-serif;font-size:12px;color:#4d556c;pointer-events:none;margin-bottom:2px;margin-left:8px}.InPlaceInput__cols__jfL5S{border-bottom:1px solid #afbac6;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;padding:6px;padding-bottom:4px;padding-left:7px;border-radius:5px;border:solid 1px #3172f5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#f5f6f7}.InPlaceInput__cta__9CwVo{-webkit-flex-shrink:0;flex-shrink:0;margin-left:8px}.InPlaceInput__inputWrapper__8cYuy{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.InPlaceInput__input__d0t90{font-family:"sans", "Arial", sans-serif;font-size:20px;color:#1c2234;width:100%;background-color:transparent;border:none;margin:0;padding:0;outline:none}.InPlaceInput__error__uOPcS{font-family:"sans", "Arial", sans-serif;font-size:14px;color:#e34242;margin-top:6px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.EditInPlace__error__5MQKU{font-family:"sans", "Arial", sans-serif;font-size:14px;color:#e34242;margin-top:6px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PendingStepPage__note__Fpq2S{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.5;color:#4d556c}.PendingStepPage__preset__vYCk-{width:100%}.PendingStepPage__preset__vYCk- a{display:block;width:100%}.PendingStepPage__spinnerWrapper__fIwFA{height:50vh;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;padding:32px 0}@media screen and (min-width: 768px){.PendingStepPage__spinnerWrapper__fIwFA{height:unset;margin:56px 0}}.PendingStepPage__title__Q7P-0{color:#4d556c;font-family:"sans", "Arial", sans-serif;font-size:16px;text-align:center;margin-bottom:32px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PhoneStepNumberForm__controlList__CTJpf{content:''}.PhoneStepNumberForm__controlListItem__CdGuX{margin-top:24px}.PhoneStepNumberForm__controlListItem__CdGuX:first-child{margin-top:0}.PhoneStepNumberForm__controlListItem__CdGuX::before{content:none}.PhoneStepNumberForm__note__dJUwp{color:#4d556c;font-family:"sans", "Arial", sans-serif;font-size:16px;margin-bottom:24px}.PhoneStepNumberForm__bottomNote__1ek\+j{color:#8c95a5;font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.58;margin-top:32px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.PhoneStepVerifyForm__controlList__v7p8T{content:''}.PhoneStepVerifyForm__controlListItem__yhOBP{margin-top:24px;list-style:none}.PhoneStepVerifyForm__controlListItem__yhOBP:first-child{margin-top:0}.PhoneStepVerifyForm__controlListItem__yhOBP::before{content:none}.PhoneStepVerifyForm__note__fvACg{color:#4d556c;font-family:"sans", "Arial", sans-serif;font-size:16px;margin-bottom:6px}.PhoneStepVerifyForm__note__fvACg b{font-weight:bold}.PhoneStepVerifyForm__changeNumberLink__dBZVa{margin-bottom:24px;font-family:"sans", "Arial", sans-serif;font-size:12px}.PhoneStepVerifyForm__label__5zzO0{color:#8c95a5;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:12px;margin-bottom:12px;display:block}.PhoneStepVerifyForm__resendLinkWrapper__cwFNe{font-family:"sans", "Arial", sans-serif;font-size:12px;margin-top:12px;color:#ced5df}.PhoneStepVerifyForm__codeForm__JNfUh{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.PhoneStepVerifyForm__codeNumberWrapper__uVN1s{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:calc(((100% - 12px * 3) / 4));position:relative}.PhoneStepVerifyForm__codeNumberWrapper__uVN1s:before{display:block;content:'';padding-top:100%}.PhoneStepVerifyForm__codeNumber__xMmR2{position:absolute;top:0;left:0;width:100%;height:100%;outline:none;border-radius:5px;border:solid 1px #3172f5;background-color:#f5f6f7;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:24px;color:#1c2234;text-align:center;-moz-appearance:textfield}.PhoneStepVerifyForm__codeNumber__xMmR2::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.PhoneStepVerifyForm__codeNumber__xMmR2::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.PhoneStepVerifyForm__codeNumber__xMmR2:focus{content:''}.PhoneStepVerifyForm__codeNumber__xMmR2:focus::placeholder{color:transparent}@media screen and (min-width: 768px){.PhoneStepVerifyForm__codeNumber__xMmR2{font-size:32px}}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.OfferStepPage__preset__fOjNk{-webkit-flex-basis:100%;flex-basis:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;width:100%}.OfferStepPage__preset__fOjNk a,.OfferStepPage__preset__fOjNk button{display:block;width:100%}.OfferStepPage__item__9YuHs{height:70px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px solid #ced5df}.OfferStepPage__item__9YuHs:last-child{border-bottom:0}.OfferStepPage__label__NEbbT{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:12px;color:#1c2234}.OfferStepPage__value__f2MZ0{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:18px;line-height:1;color:#1c2234;text-align:right}.OfferStepPage__value__f2MZ0 sub{font-family:"sans", "Arial", sans-serif;font-weight:400;font-size:12px;color:#8c95a5;vertical-align:baseline}.OfferStepPage__note__bqqui{font-family:"sans", "Arial", sans-serif;font-size:12px;line-height:1.58;color:#8c95a5;text-align:center;margin-bottom:12px}.OfferStepPage__termsLink__TdmJu{font-family:"sans", "Arial", sans-serif;font-size:14px;color:#3172f5;text-align:center}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.DeniedStepPage__note__M9t1u{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.5;color:#4d556c}.DeniedStepPage__head__iudRN{font-family:"sans", "Arial", sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#4d556c;text-align:center}.DeniedStepPage__suphead__N5Hom{margin-top:24px}.DeniedStepPage__subhead__O4ELg{margin-top:8px}.DeniedStepPage__remainDays__wn9JK{width:70px;border:1px solid #ced5df;background-color:#f5f6f7;padding:16px 0;text-align:center;border-radius:5px;margin:0 auto;margin-top:8px;font-family:"sans", "Arial", sans-serif;font-weight:500;font-size:24px;color:#1c2234}.DeniedStepPage__preset__YKP-Y{width:100%}.DeniedStepPage__preset__YKP-Y a{display:block;width:100%}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SuccessStepPage__note__N59E-{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.5;color:#4d556c}.SuccessStepPage__preset__ndBcM{width:100%}.SuccessStepPage__preset__ndBcM a{display:block;width:100%}.SuccessStepPage__address__0\+96Y{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.5;color:#1c2234;padding:8px 16px;border-radius:5px;border:1px solid #afbac6;background-color:#f0f3ff;margin:24px 0}.SuccessStepPage__address__0\+96Y h4{color:#8c95a5;margin-bottom:8px}
:root{--lowShadow:rgba(106,113,133,0.7);--mediumShadow:rgba(106,113,133,0.33);--highShadow:rgba(106,113,133,0.2)}.SubmittingStepPage__note__9qziD{font-family:"sans", "Arial", sans-serif;font-size:16px;line-height:1.5;color:#4d556c}.SubmittingStepPage__preset__CDBas{width:100%}.SubmittingStepPage__preset__CDBas a{display:block;width:100%}.SubmittingStepPage__spinnerWrapper__1AEOg{height:50vh;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;padding:32px 0}@media screen and (min-width: 768px){.SubmittingStepPage__spinnerWrapper__1AEOg{height:unset;margin:56px 0}}.SubmittingStepPage__title__8XKWk{color:#4d556c;font-family:"sans", "Arial", sans-serif;font-size:16px;text-align:center;margin-bottom:32px}

/*# sourceMappingURL=style.350c2e6f363c6c8a2922.css.map*/