/*
  BREAKPOINTS
*/
/*
  CUSTOM VARIABLES
*/
[data-v-223d097d]: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;
}
.ideabuddy-logo[data-v-223d097d] {
  height: 100%;
  padding: 0.625rem 0;
  width: 130px;
}
/*
  BREAKPOINTS
*/
/*
  CUSTOM VARIABLES
*/
[data-v-1329f558]: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;
}
.billing-history-title[data-v-1329f558] {
  font-size: 24px;
}
.billing-download-link[data-v-1329f558] {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #292f4d;
  padding-bottom: 2px;
}
.billing-download-link[data-v-1329f558]::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.billing-download-link[data-v-1329f558]:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
/*
  BREAKPOINTS
*/
/*
  CUSTOM VARIABLES
*/
[data-v-02f1d5ea]: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;
}
.current-subscription-wrapper .current-subscription-title[data-v-02f1d5ea] {
  font-size: 24px;
}
.current-subscription-wrapper .current-subscription-card[data-v-02f1d5ea] {
  padding: 30px 34px 30px 29px;
  min-height: 165px;
}
.current-subscription-wrapper .current-subscription-card .subscription-plan-name[data-v-02f1d5ea] {
  font-size: 20px;
  color: #0060ee;
}
.current-subscription-wrapper .current-subscription-card .price-per-month[data-v-02f1d5ea] {
  font-size: 20px;
}
.current-subscription-wrapper .current-subscription-card .payment-method-wrapper[data-v-02f1d5ea] {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
}
/*
  BREAKPOINTS
*/
/*
  CUSTOM VARIABLES
*/
[data-v-25950b9c]: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;
}
.payment-method-wrapper .payment-method-title[data-v-25950b9c] {
  font-size: 24px;
}
.payment-method-wrapper .payment-method-card[data-v-25950b9c] {
  padding: 24px 34px 24px 29px;
  row-gap: 40px;
}
.payment-method-wrapper .payment-method-card .last-used-payment[data-v-25950b9c] {
  -webkit-column-gap: 35px;
     -moz-column-gap: 35px;
          column-gap: 35px;
}
.payment-method-wrapper .payment-method-card .billing-update-btn[data-v-25950b9c] {
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.payment-method-wrapper .payment-method-card .billing-update-btn[data-v-25950b9c]:hover {
  opacity: 1;
  color: #292f4d;
}
/*
  BREAKPOINTS
*/
/*
  CUSTOM VARIABLES
*/
[data-v-3fd25cc1]: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;
}
.billing-page[data-v-3fd25cc1] {
  background-color: #F5F6FA !important;
  padding: 0 0 80px 0;
}
.billing-page .billing-wrapper[data-v-3fd25cc1] {
  background-color: #F5F6FA;
}
.billing-page .billing-wrapper .billing-content[data-v-3fd25cc1] {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 10px 20px 50px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 576px) {
.billing-page .billing-wrapper .billing-header[data-v-3fd25cc1] {
    margin-bottom: 86px;
}
}

/*# sourceMappingURL=billing.a7855487.css.map*/