/*
  BREAKPOINTS
*/
/*
  CUSTOM VARIABLES
*/
[data-v-5a916d50]: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;
}
.idea-type-card[data-v-5a916d50] {
  position: relative;
  width: 100%;
  border: 2px solid #D9D9D9;
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  margin-bottom: 16px;
  padding: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 768px) {
.idea-type-card[data-v-5a916d50] {
    width: 206px !important;
    opacity: 0.7;
    -ms-flex-item-align: stretch;
        align-self: stretch;
}
}
.idea-type-card .card-title[data-v-5a916d50] {
  font-size: 18px;
  font-family: outfit-light, serif;
  margin: 12px 0 0;
}
.idea-type-card .card-description[data-v-5a916d50] {
  color: #9295a7;
  font-size: 16px;
}
.idea-type-card .image[data-v-5a916d50] {
  width: 100%;
  min-height: 75px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 0.7;
}
.idea-type-card.selected[data-v-5a916d50] {
  border: 2px solid #0060ee;
  opacity: 1;
}
.idea-type-card.selected .card-title[data-v-5a916d50] {
  font-family: outfit-regular, serif;
  font-weight: 400;
}
.idea-type-card.selected .card-description[data-v-5a916d50] {
  color: #292f4d;
}
.idea-type-card[data-v-5a916d50]:hover {
  opacity: 1;
}
.idea-type-card:hover .card-title[data-v-5a916d50] {
  font-family: outfit-regular, serif;
}
.idea-type-card:hover .card-description[data-v-5a916d50] {
  color: #292f4d;
}
.idea-type-card:hover .image[data-v-5a916d50] {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.idea-type-card .tag-upgrade[data-v-5a916d50] {
  position: absolute;
  right: 0;
  background: #ffba00;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  font-size: 13px;
  padding: 0 7px;
  height: 21px;
}
.idea-type-card .tag-upgrade .upgrade-icon[data-v-5a916d50] {
  color: #fff;
  font-size: 16px;
  margin-right: 3px;
}
/*
  BREAKPOINTS
*/
/*
  CUSTOM VARIABLES
*/
[data-v-525ad319]: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;
}
.product-tour-container[data-v-525ad319] {
  padding: 0 40px;
}
.product-tour-container .product-tour-header[data-v-525ad319] {
  margin: 20px 0 30px;
}
.product-tour-container .product-tour-header p[data-v-525ad319] {
  font-size: 18px;
}
.product-tour-container .product-tour-header .product-tour-title[data-v-525ad319] {
  font-size: 31px;
  font-weight: 500;
}
.product-tour-container .cards-wrapper[data-v-525ad319] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
.product-tour-container .cards-wrapper[data-v-525ad319] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
}
}

/*# sourceMappingURL=product-tour.ea641ea4.css.map*/