.amount[data-v-1b2fbbbd] {
  font-family: outfit-semi-bold;
  font-size: 22px;
  line-height: 1;
}

/*
  BREAKPOINTS
*/
/*
  CUSTOM VARIABLES
*/
[data-v-4e5e7cb5]:root {
  --ib-header-height: 80px;
  --ib-sidebar-width: 220px;
  --ib-sidebar-width-tablet: 70px;
}

/*
  Override theme chalk variables.
  All variables are in /node_modules/element-ui/packages/theme-chalk/src/common/var.scss
*/
/*
  MEDIA MIXINS
*/
@font-face {
  font-family: "idea-buddy-font";
  src: asset("scss/fonts/IbIcons/IdeaBuddyFont.eot");
  src: asset("scss/fonts/IbIcons/IdeaBuddyFont.eot?#iefix") format("embedded-opentype"), asset("scss/fonts/IbIcons/IdeaBuddyFont.woff2") format("woff2"), asset("scss/fonts/IbIcons/IdeaBuddyFont.woff") format("woff"), asset("scss/fonts/IbIcons/IdeaBuddyFont.ttf") format("truetype"), asset("scss/fonts/IbIcons/IdeaBuddyFont.svg#font") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
    font-family: "IdeaBuddyFont";
    src: asset("scss/fonts/IbIcons/IdeaBuddyFont.svg#Favorites") format("svg");
}
}
@font-face {
  font-family: "outfit-thin";
  src: asset("scss/fonts/outfit/Outfit-Thin.ttf");
  src: asset("scss/fonts/outfit/Outfit-Thin.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-extra-light";
  src: asset("scss/fonts/outfit/Outfit-ExtraLight.ttf");
  src: asset("scss/fonts/outfit/Outfit-ExtraLight.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-light";
  src: asset("scss/fonts/outfit/Outfit-Light.ttf");
  src: asset("scss/fonts/outfit/Outfit-Light.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-regular";
  src: asset("scss/fonts/outfit/Outfit-Regular.ttf");
  src: asset("scss/fonts/outfit/Outfit-Regular.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-medium";
  src: asset("scss/fonts/outfit/Outfit-Medium.ttf");
  src: asset("scss/fonts/outfit/Outfit-Medium.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-semi-bold";
  src: asset("scss/fonts/outfit/Outfit-SemiBold.ttf");
  src: asset("scss/fonts/outfit/Outfit-SemiBold.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-bold";
  src: asset("scss/fonts/outfit/Outfit-Bold.ttf");
  src: asset("scss/fonts/outfit/Outfit-Bold.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-extra-bold";
  src: asset("scss/fonts/outfit/Outfit-ExtraBold.ttf");
  src: asset("scss/fonts/outfit/Outfit-ExtraBold.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-black";
  src: asset("scss/fonts/outfit/Outfit-Black.ttf");
  src: asset("scss/fonts/outfit/Outfit-Black.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "tragic-marker";
  src: asset("scss/fonts/tragic-marker/tragic-marker-regular.eot");
  src: asset("scss/fonts/tragic-marker/tragic-marker-regular.eot?#iefix") format("embedded-opentype"), asset("scss/fonts/tragic-marker/tragic-marker-regular.woff2") format("woff2"), asset("scss/fonts/tragic-marker/tragic-marker-regular.woff") format("woff"), asset("scss/fonts/tragic-marker/tragic-marker-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.wrapper[data-v-4e5e7cb5] {
  border: 2px solid #ececef;
  border-radius: 8px;
  padding: 10px 20px 0;
  background: #fff;
}
.placeholder[data-v-4e5e7cb5] {
  border-radius: 0 8px 8px 8px;
  width: 100%;
  height: auto;
  min-height: 320px;
  margin: 20px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.placeholder.breakdown[data-v-4e5e7cb5] {
  background-image: url(../img/graph-dummy-sm.1a02c17d.svg);
}
.placeholder.timeline[data-v-4e5e7cb5] {
  background-image: url(../img/timeline-graph-sm.e98f6b3c.svg);
}
.placeholder.table[data-v-4e5e7cb5] {
  background-image: url(../img/table-graph-sm.89b4de5f.svg);
}
@media (min-width: 576px) {
.placeholder[data-v-4e5e7cb5] {
    background-size: contain;
}
.placeholder.breakdown[data-v-4e5e7cb5] {
    background-image: url(../img/graph-dummy-md.a68379a1.svg);
}
.placeholder.timeline[data-v-4e5e7cb5] {
    background-image: url(../img/timeline-graph-md.46d02da0.svg);
}
.placeholder.table[data-v-4e5e7cb5] {
    background-image: url(../img/table-graph-md.12143cc7.svg);
}
}
@media (min-width: 992px) {
.placeholder.breakdown[data-v-4e5e7cb5] {
    background-image: url(../img/graph-dummy.f12275bf.svg);
}
.placeholder.timeline[data-v-4e5e7cb5] {
    background-image: url(../img/timeline-graph.292bcb9f.svg);
}
.placeholder.table[data-v-4e5e7cb5] {
    background-image: url(../img/table-graph.a9af7157.svg);
}
}
.placeholder-img[data-v-4e5e7cb5] {
  left: 0;
  right: 0;
  top: 20px;
}
/*
  BREAKPOINTS
*/
/*
  CUSTOM VARIABLES
*/
[data-v-55fa4722]:root {
  --ib-header-height: 80px;
  --ib-sidebar-width: 220px;
  --ib-sidebar-width-tablet: 70px;
}

/*
  Override theme chalk variables.
  All variables are in /node_modules/element-ui/packages/theme-chalk/src/common/var.scss
*/
/*
  MEDIA MIXINS
*/
@font-face {
  font-family: "idea-buddy-font";
  src: asset("scss/fonts/IbIcons/IdeaBuddyFont.eot");
  src: asset("scss/fonts/IbIcons/IdeaBuddyFont.eot?#iefix") format("embedded-opentype"), asset("scss/fonts/IbIcons/IdeaBuddyFont.woff2") format("woff2"), asset("scss/fonts/IbIcons/IdeaBuddyFont.woff") format("woff"), asset("scss/fonts/IbIcons/IdeaBuddyFont.ttf") format("truetype"), asset("scss/fonts/IbIcons/IdeaBuddyFont.svg#font") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
    font-family: "IdeaBuddyFont";
    src: asset("scss/fonts/IbIcons/IdeaBuddyFont.svg#Favorites") format("svg");
}
}
@font-face {
  font-family: "outfit-thin";
  src: asset("scss/fonts/outfit/Outfit-Thin.ttf");
  src: asset("scss/fonts/outfit/Outfit-Thin.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-extra-light";
  src: asset("scss/fonts/outfit/Outfit-ExtraLight.ttf");
  src: asset("scss/fonts/outfit/Outfit-ExtraLight.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-light";
  src: asset("scss/fonts/outfit/Outfit-Light.ttf");
  src: asset("scss/fonts/outfit/Outfit-Light.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-regular";
  src: asset("scss/fonts/outfit/Outfit-Regular.ttf");
  src: asset("scss/fonts/outfit/Outfit-Regular.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-medium";
  src: asset("scss/fonts/outfit/Outfit-Medium.ttf");
  src: asset("scss/fonts/outfit/Outfit-Medium.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-semi-bold";
  src: asset("scss/fonts/outfit/Outfit-SemiBold.ttf");
  src: asset("scss/fonts/outfit/Outfit-SemiBold.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-bold";
  src: asset("scss/fonts/outfit/Outfit-Bold.ttf");
  src: asset("scss/fonts/outfit/Outfit-Bold.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-extra-bold";
  src: asset("scss/fonts/outfit/Outfit-ExtraBold.ttf");
  src: asset("scss/fonts/outfit/Outfit-ExtraBold.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "outfit-black";
  src: asset("scss/fonts/outfit/Outfit-Black.ttf");
  src: asset("scss/fonts/outfit/Outfit-Black.ttf?#iefix") format("truetype");
}
@font-face {
  font-family: "tragic-marker";
  src: asset("scss/fonts/tragic-marker/tragic-marker-regular.eot");
  src: asset("scss/fonts/tragic-marker/tragic-marker-regular.eot?#iefix") format("embedded-opentype"), asset("scss/fonts/tragic-marker/tragic-marker-regular.woff2") format("woff2"), asset("scss/fonts/tragic-marker/tragic-marker-regular.woff") format("woff"), asset("scss/fonts/tragic-marker/tragic-marker-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.expenses-navigation-wrapper[data-v-55fa4722] {
  row-gap: 10px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

/*# sourceMappingURL=financial-plan-expenses-total-costs.59a6e76e.css.map*/