@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?eh6x45");
  src: url("fonts/icomoon.eot?eh6x45#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?eh6x45") format("truetype"), url("fonts/icomoon.woff?eh6x45") format("woff"), url("fonts/icomoon.svg?eh6x45#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^='icon-'],
[class*=' icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-pencil:before {
  content: ""; }

.icon-copy:before {
  content: ""; }

.icon-typewriter:before {
  content: ""; }

.icon-archery:before {
  content: ""; }

.icon-file-image:before {
  content: ""; }

.icon-link2:before {
  content: ""; }

.icon-unlink2:before {
  content: ""; }

.icon-cross:before {
  content: ""; }

.icon-layers:before {
  content: ""; }

.icon-layers-crossed:before {
  content: ""; }

.routable-modal--open {
  overflow: hidden; }

.routable-modal--backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0.5; }

.routable-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0; }

.routable-modal--dialog {
  max-width: 600px;
  margin: 30px auto; }

.routable-modal--content {
  background: #fff;
  padding: 1rem; }

.routable-modal--header {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem; }

.routable-modal--title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem; }

button.routable-modal--close {
  background: transparent;
  padding: 0;
  margin: 0;
  font-size: 2rem;
  line-height: 1.5rem;
  border: 0;
  color: #777;
  cursor: pointer;
  float: right; }
  button.routable-modal--close:hover, button.routable-modal--close:focus, button.routable-modal--close:active {
    color: #000;
    outline: 0; }

/**
 * BRAND COLOURS
 * use these if you are doing a primary colour anywhere.
 * if you need to do shades of any of these (to represent state or variations for a clear purpose), refer to the style guide:
 *
 */
/**
 * BRAND SHADES
 */
/**
 * Borders
 */
/**
 * Toolbar
 */
.bkg--purple {
  background-color: #7b35ef; }

.bkg--green {
  background-color: #4ad260; }

.bkg--lt--green {
  background-color: #9ddba0; }

.bkg--red {
  background-color: #ff7448; }

.bkg--lt--red {
  background-color: #ffeae4; }

.bkg--orange {
  background-color: #fdaf11; }

.bkg--white {
  background-color: white; }

.bkg--blackgrey {
  background-color: #1e2532; }

.bkg--grey {
  background-color: #f0f2f7;
  height: 100vh; }

.bkg--subheadergrey {
  background-color: #2f384a; }

.purple--grad {
  background: linear-gradient(112deg, #7b47ea 0%, #5d2bc7 100%); }

.blue--grad {
  background-image: linear-gradient(106deg, #009bf3 0%, #0870bb 100%); }

.grey-grad {
  background-image: linear-gradient(-45deg, #1e2532 0%, #646f85 100%); }

.account-status {
  display: inline-block;
  text-align: center;
  border-radius: 2px;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem; }

.fl-badge {
  color: #9aa5b6;
  background-color: #f0f2f7;
  font-size: 0.75rem;
  padding: 0.25rem 0.65rem;
  display: flex;
  border-radius: 4px;
  align-items: center; }

.fl-badge--sm {
  padding: 0 0.45rem;
  font-weight: 600;
  letter-spacing: 0.08em; }

.fl-badge--alternate {
  color: #fff;
  background-color: #9aa5b6; }

.fl-badge--bright {
  color: #fff;
  background-color: #4ad260; }

.fl-btn, .fl-xs-btn, .btn-toolbar-icon, .fl-hero-btn, .fl-grouped-btn {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  padding: 0 1rem;
  display: block;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  pointer-events: all; }
  .fl-btn:focus, .fl-xs-btn:focus, .btn-toolbar-icon:focus, .fl-hero-btn:focus, .fl-grouped-btn:focus {
    outline: none; }

.fl-btn {
  min-width: 7rem;
  height: 2.5rem;
  border-radius: 5px;
  background: #999;
  color: #fff;
  fill: #fff; }
  .fl-btn:hover {
    color: #fff;
    text-decoration: none; }

.fl-btn--with-focus:focus, .fl-btn--text:focus, .fl-btn--brand-inverse:focus, .fl-btn--brand-red-inverse:focus {
  outline: 1px solid #33b5fe; }

.fl-btn--toolbar {
  height: calc(16px * 2);
  min-width: 16px;
  padding: 0 0.5rem;
  color: #1e2532;
  fill: #1e2532;
  border: 1px solid transparent;
  background-color: #ffffff;
  border-radius: 4px; }
  .fl-btn--toolbar:hover, .fl-btn--toolbar:focus {
    background-color: #d8dde6;
    color: #1e2532;
    fill: #1e2532; }
  .fl-btn--toolbar.fl-btn--toolbar-selected {
    fill: #009bf3;
    color: #009bf3;
    background-color: #d8dde6; }

.fl-btn--toolbar + .fl-btn--toolbar {
  margin-left: 15px; }

.fl-btn--text {
  background: none;
  border: none;
  color: #009bf3;
  fill: #009bf3; }
  .fl-btn--text:hover {
    color: #5ac3ff;
    fill: #5ac3ff; }

#upgrade-text-element {
  text-decoration: underline;
  color: #009bf3; }

.fl-btn--brand-inverse {
  background-color: #fff;
  fill: #009bf3;
  color: #009bf3;
  border: 1px solid #009bf3; }
  .fl-btn--brand-inverse:hover {
    border: 1px solid #5ac3ff;
    color: #5ac3ff;
    fill: #5ac3ff; }

.fl-btn--stroked {
  background: #fff;
  fill: #4a5468;
  color: #4a5468;
  border: 2px solid #4a5468;
  min-width: auto; }
  .fl-btn--stroked:hover {
    color: #4a5468; }

.fl-btn--brand-red-inverse {
  background-color: #fff;
  fill: #f43b46;
  color: #f43b46;
  border: 1px solid #f43b46; }
  .fl-btn--brand-red-inverse:hover {
    border: 1px solid #f99ca1;
    color: #be0b15;
    fill: #be0b15; }

.fl-btn--brand-green {
  background-color: #0ed073; }
  .fl-btn--brand-green:hover {
    background-color: #13ef85; }

.fl-btn--hollow-grey {
  border: 2px solid #9aa5b5;
  background: none;
  color: #9aa5b5; }
  .fl-btn--hollow-grey:hover {
    border: 2px solid #d5d9e0;
    color: #d5d9e0; }

.fl-btn--no-borders {
  border: none;
  background: transparent;
  outline: none; }
  .fl-btn--no-borders:hover {
    border: none;
    outline: none; }

.fl-btn--no-style {
  border: none;
  background: transparent;
  outline: none;
  cursor: pointer;
  padding: 0;
  margin: 0; }
  .fl-btn--no-style:hover {
    border: none;
    outline: none; }
  .fl-btn--no-style:focus {
    border: none;
    outline: none; }

.fl-btn--small-tall {
  height: 2rem; }

.fl-btn--medium-tall {
  height: 3rem; }

.fl-btn--tall {
  height: 4rem; }

.fl-btn--hero {
  font-size: 0.9rem;
  letter-spacing: 0.7px;
  font-weight: 700; }

.fl-btn--fixed-width-sm {
  width: 10rem; }

.fl-btn--fixed-width-tiny {
  height: 32px;
  width: 32px;
  min-width: 32px; }

.fl-btn--tall-block {
  position: relative;
  width: 84px;
  height: 56px; }

.fl-btn-grey-light {
  background-color: #4a5468; }
  .fl-btn-grey-light:hover {
    background-color: #59657d; }

.fl-btn--brand {
  background-color: #009bf3; }
  .fl-btn--brand:hover {
    background-color: #18abff; }

.fl-btn--brand.fl-btn-brand-banner {
  font-size: 14px;
  margin-left: 28px;
  height: 1.8rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip; }

.fl-btn--tiny-text {
  font-size: 0.85rem; }

.fl-btn--wide-text-spacing {
  letter-spacing: 0.07em; }

.fl-btn--dark {
  background-color: #313a4b; }
  .fl-btn--dark:hover {
    background-color: #3f4b61; }

.fl-btn--black {
  color: #1e2532;
  fill: #1e2532; }
  .fl-btn--black:hover {
    color: #313d52;
    fill: #313d52; }

.fl-btn--bright {
  background-color: #4ad260; }
  .fl-btn--bright:hover {
    background-color: #6fdb80; }

.fl-btn--green {
  background-color: #4ad260; }
  .fl-btn--green:hover {
    background-color: #36c04d; }

.fl-btn--alt-green {
  background: #0bda77; }
  .fl-btn--alt-green:hover {
    background-color: #15f389; }

.fl-btn--red-dark {
  background-color: #9e323e; }
  .fl-btn--red-dark:hover {
    background-color: #b93b49; }

.fl-btn--red-light {
  background-color: #ee1919; }
  .fl-btn--red-light:hover {
    background-color: #f24848; }

.fl-btn--blue-light {
  background-color: #2962ff; }
  .fl-btn--blue-light:hover {
    background-color: #4d7cff; }

.fl-btn--orange-light {
  background-color: #ff4a00; }
  .fl-btn--orange-light:hover {
    background-color: #ff6324; }

.fl-btn--icon-only .fl-btn__icon {
  transform: scale(1.5); }

.fl-btn--fixed-width-medium {
  min-width: 180px;
  display: flex;
  justify-content: space-evenly; }

.fl-blue-hover:hover {
  background-color: #33b5fe;
  color: #fff; }

.fl-btn__icon {
  font-size: 12px;
  height: 20px; }

.fl-btn__icon--faded {
  color: #b9c1ce;
  fill: #b9c1ce; }

.fl-btn--small-font {
  font-size: 0.9rem; }

.fl-btn__icon-svg {
  height: 12px;
  width: 12px; }

.fl-btn__icon-text {
  margin-left: 10px; }

.fl-btn--compact {
  display: flex;
  justify-content: space-around;
  min-width: 1rem; }

.fl-xs-btn {
  width: 2rem;
  height: 2rem;
  background: #009bf3;
  color: #fff;
  margin: auto;
  padding: 0;
  font-size: 1.3rem;
  border-radius: 5px;
  margin-bottom: 1rem; }

.fl-btn--long {
  min-width: 12rem; }

.btn-toolbar-icon {
  min-width: 2rem;
  height: 2.5rem;
  border-radius: 5px;
  color: #fff; }

.dashboard-index-square {
  padding: 0.5rem 1rem;
  height: 2.5rem;
  width: 2.5rem; }

.fl-hero-btn {
  height: 4rem;
  min-width: 12rem;
  line-height: 4rem;
  border-radius: 5px;
  color: #fff; }
  .fl-hero-btn.cta {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.7px;
    line-height: 16px;
    padding: 0 2rem; }
  .fl-hero-btn:hover {
    text-decoration: none;
    color: #fff; }

.hover-blue:hover {
  transition: all 0.3s ease-in-out;
  background-color: #33b5fe; }

.txt-btn-blue:hover {
  cursor: pointer;
  color: #33b5fe; }

.fl-btn-txt {
  border: none;
  background: none;
  cursor: pointer; }

.fl-btn-txt--loud {
  color: #ee1919;
  background-color: #fef3f3; }
  .fl-btn-txt--loud:hover {
    color: #f36060; }

.fl-btn--fit-content {
  width: fit-content; }

.pointer-click {
  cursor: pointer; }

input[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none; }

button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none; }

div[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none; }

.fl-btn__decoration {
  cursor: pointer;
  pointer-events: none; }

.fl-btn-group {
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center; }

.fl-grouped-btn {
  min-width: 9.2rem;
  margin-top: 2rem;
  height: 2.5rem;
  color: #009bf3;
  border: 1px solid #d8dde6;
  background-color: white;
  font-size: 0.8rem;
  box-shadow: 2px 2px 3px rgba(214, 222, 230, 0.3); }
  .fl-grouped-btn.active {
    background-color: #009bf3;
    color: white; }
  .fl-grouped-btn:first-child {
    border-radius: 4px 0 0 4px;
    border-right: 0px solid white; }
  .fl-grouped-btn:last-child {
    border-radius: 0 4px 4px 0; }

.fl-btn--full-width {
  width: 100%; }

.chip {
  padding: 2px 10px;
  background: none;
  border-radius: 4px;
  font-size: 11px;
  color: white;
  border: 1px solid #313a4b;
  cursor: pointer; }
  .chip.active {
    border: 1px solid #009bf3; }
  .chip:focus {
    outline: none; }

.proto-button {
  color: white;
  cursor: pointer;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  outline: none;
  border: none;
  height: 46px;
  background: #009bf3;
  transition: all 0.4s ease-in-out; }
  .proto-button:hover {
    background: #0ea8ff; }
  .proto-button.warning {
    background: #f43b46; }

.indicator {
  border: 1px solid green;
  background: green;
  width: 10px;
  height: 10px;
  position: relative;
  top: 6px;
  left: 4px;
  border-radius: 10px; }

.indicator-position {
  position: relative;
  left: 5px; }

.fl-slider-round {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #9aa5b5;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.fl-slider-round:before {
  position: absolute;
  content: '';
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.fl-slider-round.fl-slider-round-sm:before {
  width: 10px;
  height: 10px;
  top: 2px; }

.switch {
  position: relative;
  width: 52px;
  height: 26px;
  margin-bottom: 0; }
  .switch.disabled {
    opacity: 0.5;
    cursor: not-allowed; }

.switch.switch-sm {
  width: 25px;
  height: 14px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.fl-slider-round.round {
  border-radius: 34px; }

.fl-slider-round.round:before {
  border-radius: 50%; }

input:checked + .fl-slider-round:before {
  transform: translateX(24px); }

input:checked + .fl-slider-round.fl-slider-round-sm:before {
  transform: translateX(8px); }

input:checked + .fl-slider-round {
  background-color: #2196f3; }
  input:checked + .fl-slider-round.fl-slider-green {
    background-color: #11ad66; }

.upgrade-button {
  background-color: #4ad260;
  padding: 0.4rem 0.6rem;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  padding: 0 1rem;
  display: block;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  min-width: 12rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 5px;
  color: white;
  letter-spacing: 0.07rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  margin-bottom: 2rem; }
  .upgrade-button:hover {
    color: white; }

.fl-chip {
  background: #f7f8fb;
  color: #1e2532;
  outline: none;
  border: 1px solid transparent;
  border-radius: 100px;
  font-size: 13px;
  height: 24px;
  padding-left: 12px;
  padding-right: 12px;
  text-align: center;
  line-height: 22px;
  cursor: pointer;
  transition: all 0.4s ease-in-out; }
  .fl-chip:focus {
    outline: none; }
  .fl-chip:hover {
    border: 1px solid #009bf3;
    color: #009bf3; }
  .fl-chip.fl-chip--active {
    border: 1px solid #009bf3;
    color: #009bf3; }

.radio-button .radio-button--container {
  min-height: 16px;
  min-width: 16px;
  display: block;
  position: relative;
  cursor: pointer; }
  .radio-button .radio-button--container .radio-button--checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #009bf3; }
    .radio-button .radio-button--container .radio-button--checkmark:after {
      content: '';
      position: absolute;
      display: none;
      top: 5px;
      left: 5px;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: white; }
  .radio-button .radio-button--container input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }

.radio-button.checked .radio-button--container .radio-button--checkmark {
  background-color: #009bf3;
  border: none; }
  .radio-button.checked .radio-button--container .radio-button--checkmark:after {
    display: block; }

.fl-dropdown-button .fl-dropdown-button__input-wrapper {
  position: relative;
  cursor: pointer; }
  .fl-dropdown-button .fl-dropdown-button__input-wrapper .fl-input-fit {
    padding: 0.5rem 1rem;
    transition: none;
    height: 2rem;
    font-size: 13px;
    min-width: 5rem; }
  .fl-dropdown-button .fl-dropdown-button__input-wrapper .fl-dropdown-button__chevron-down {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: calc(50% - 2px); }

.fl-dropdown-button .fl-dropdown-button__content-wrapper {
  position: relative; }
  .fl-dropdown-button .fl-dropdown-button__content-wrapper .fl-dropdown-button__content {
    position: absolute;
    top: 5px;
    z-index: 1; }

.fl-dropdown-button.small .fl-dropdown-button__label {
  font-size: 11px; }

.fl-dropdown-button.small .fl-dropdown-button__input-wrapper .fl-input-fit {
  height: 1.5rem;
  padding: 0.25rem 0.5rem;
  font-size: 12px; }

.fl-dropdown-button.no-borders .fl-dropdown-button__input-wrapper .fl-input-fit {
  border-color: transparent; }

.fl-dropdown-button.opened .fl-dropdown-button__input-wrapper .fl-input-fit {
  color: #009bf3;
  border-color: #009bf3; }

.fl-dropdown-button.opened .fl-dropdown-button__input-wrapper .fl-dropdown-button__chevron-down {
  fill: #009bf3; }

.fl-dropdown-button.disabled .fl-dropdown-button__input-wrapper {
  cursor: unset;
  opacity: 0.7; }

.fl-dropdown-button .fl-input-fit--shaded {
  background-color: #f0f2f7; }

.fl-navbar-upsell-btn {
  width: auto;
  height: 32px;
  background-color: #4ad260;
  border-radius: 4px;
  text-align: center;
  line-height: 32px;
  color: white;
  font-size: 1 rem;
  font-family: 'Roboto', sans-serif;
  margin-right: 34px;
  padding: 0 14px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip; }

.fl-icon {
  font-size: 12px;
  height: 20px; }

.fl-icon__svg {
  height: 12px;
  width: 12px; }

.fl-icon__svg--icon-focus-step {
  height: 23px;
  width: 18px; }

.fl-icon__svg--icon-money {
  height: 25px; }

.fl-icon__svg--click-figure-icon {
  height: 24px;
  width: 15px; }

.fl-icon__svg--person-figure-icon {
  height: 24px;
  width: 15px; }

.fl-icon__svg--icon-addition {
  height: 15px;
  width: 10px; }

.fl-icon__svg--icon-email {
  height: 18px;
  width: 18px; }

.fl-icon__svg--icon-find {
  height: 7px;
  width: 10px;
  margin-bottom: 4px;
  transform: scale(1.5); }

.fl-icon__svg--help-icon {
  width: 1rem;
  height: 1rem;
  fill: #9aa5b5; }

.fl-icon__svg--icon-check {
  margin-top: -2px; }

.fl-icon__svg--checkmark-icon {
  margin-top: -2px; }

.fl-icon__svg--play-icon {
  width: 16px;
  height: 16px;
  margin-top: -6px;
  margin-right: 6px; }

.fl-icon__svg--icon-lamp {
  display: flex; }

.fl-icon__svg--icon-arrow-right {
  display: flex; }

.fl-icon__svg--icon-arrow-left {
  display: flex; }

.fl-icon__svg--provider-icon {
  height: 21px;
  width: 21px; }

.fl-icon__svg--academy-icon {
  height: 21px;
  width: 21px; }

.fl-icon__svg--icon-big-checkmark {
  height: 19px;
  width: 20px;
  margin-top: -4px; }

.fl-icon__svg--play-icon-hollow {
  margin-top: -3px;
  height: 9px; }

.fl-icon__svg--icon-custom-arrow-right {
  transform: rotate(180deg);
  margin-top: -3px;
  height: 9px; }

.fl-icon__svg--icon-custom-arrow {
  margin-top: -4px;
  height: 9px; }

.fl-icon__svg--setting-icon,
.fl-icon__svg--icon-info,
.fl-icon__svg--icon-swap-horizontal,
.fl-icon__svg--icon-close-modal {
  height: 16px;
  width: 16px;
  fill: #d6dee6; }

.fl-icon__svg--icon-info-grey-2 {
  fill: #636e84; }

.fl-icon__svg--announcement {
  height: 21px;
  width: 21px; }

.fl-icon__svg--icon-analytics-graph {
  height: 16px;
  width: 16px; }

.fl-icon__svg--icon-three-dots {
  height: 24px;
  width: 24px; }

.fl-icon__svg--icon-align-vertical {
  height: 24px;
  width: 24px; }

.fl-icon__svg--icon-align-horizontal {
  height: 24px;
  width: 24px; }

.fl-icon__svg--icon-rotate {
  height: 24px;
  width: 24px;
  stroke: #1e2532; }

.fl-icon__svg--icon-image {
  height: 24px;
  width: 24px; }

.fl-icon__svg--icon-date-range {
  font-size: 1rem; }

.fl-icon__svg--icon-garbage-delete {
  height: 21px;
  width: 24px;
  margin-top: -3px; }

.fl-icon__svg--dropdown-chevron {
  fill: none;
  height: 8px;
  width: 8px;
  stroke: black; }

.fl-icon__svg--icon-camera-2 {
  width: 16px;
  height: 16px; }

.fl-icon__syncing-in-progress {
  animation: rotation 2s infinite linear; }

.fl-icon__svg--icon-no-arrowhead {
  margin-top: -5px;
  margin-left: 2px; }

.fl-icon__svg--icon-solid-arrowhead {
  margin-top: -5px;
  margin-left: 2px; }

.fl-icon__svg--icon-default-arrowhead {
  margin-top: -5px;
  margin-left: 2px; }

.fl-icon--subscription-unchecked {
  margin-top: -5px; }

.fl-icon--subscription-checked {
  margin-top: -5px; }

.fl-icon--curl-arrow {
  height: 22px;
  transform: translate(84px, 4px) rotate(15deg); }

.fl-icon--pointer-arrow {
  height: 22px;
  width: 30px; }

.fl-input-wrapper {
  color: #636e84;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 14px;
  display: grid; }

.paramCreator .fl-input-wrapper {
  display: block;
  padding-bottom: 0rem;
  flex: 1; }

.fl-input-wrapper--full-width {
  width: 100%; }

.fl-input-margin-without-label {
  margin-top: 1.875rem; }

.fl--valid--input {
  border-radius: 0.25rem;
  border: 1px solid #d8dde6;
  transition: none;
  height: 44px; }
  .fl--valid--input.form-control:focus {
    box-shadow: none; }
    .fl--valid--input.form-control:focus .input-group-prepend {
      border: 0px solid #d8dde6; }
  .fl--valid--input:read-only {
    background-color: white;
    cursor: not-allowed; }

.fl-label {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  color: #636e84;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 14px; }

.fl--valid--wrapper:focus-within .fl--valid--input {
  outline: 0;
  border: 1px solid #009bf3; }

.fl--valid--wrapper:focus-within .input-group-prepend {
  border: 1px solid #009bf3;
  border-left: 0px solid #ffff;
  border-radius: 0px 0.25rem 0.25rem 0px;
  transition: none; }

.fl--valid--wrapper:focus-within .input-group-text {
  border: 0px solid #d8dde6; }

.fl-tool-tip {
  display: none;
  border-color: #333 transparent;
  border-width: 10px 10px 10px 10px;
  position: absolute;
  z-index: 99;
  color: white;
  border-radius: 5px;
  font-size: 12px;
  padding: 17px;
  background: #333;
  background: rgba(0, 0, 0, 0.8);
  bottom: 35px;
  right: 0rem;
  color: #fff; }

.fl-tool-tip:before {
  border: solid;
  border-color: #333 transparent;
  border-width: 6px 6px 0 6px;
  bottom: -5px;
  content: '';
  right: 0.9rem;
  position: absolute;
  z-index: 99; }

.fl-tooltip {
  background-color: white;
  position: relative; }
  .fl-tooltip:hover .fl-tool-tip {
    display: flex;
    flex-wrap: wrap;
    white-space: normal;
    width: 9rem;
    text-align: left; }

.fl-input {
  max-width: 19rem;
  height: 3rem;
  padding: 0 1rem;
  color: #1e2532;
  font-size: 0.875rem;
  border-radius: 0.25rem;
  border: 1px solid #d8dde6;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out; }
  .fl-input:focus {
    outline: none; }
  .fl-input::placeholder {
    color: #636e84; }

.fl-input-nowidth {
  height: 3rem;
  padding: 0 1rem;
  color: #1e2532;
  font-size: 0.875rem;
  border-radius: 0.25rem;
  border: 1px solid #d8dde6;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 0 0 1000px white inset; }
  .fl-input-nowidth:focus {
    outline: none; }
  .fl-input-nowidth::placeholder {
    color: #636e84; }
  .fl-input-nowidth option {
    background-color: red; }

.fl-input-fit {
  width: 100%;
  min-width: 10rem;
  height: 3rem;
  padding: 0 0.5rem;
  color: #1e2532;
  font-size: 0.875rem;
  border-radius: 0.25rem;
  border: 1px solid #d8dde6;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out; }
  .fl-input-fit:disabled {
    color: #636e84;
    background-color: #fbfbfe; }
  .fl-input-fit:focus {
    outline: none; }
  .fl-input-fit::placeholder {
    color: #636e84; }

.fl-input-fit--short {
  height: 2rem; }

.fl-input-small {
  width: 6.5rem;
  height: 3rem;
  padding: 0 1rem;
  color: #1e2532;
  font-size: 0.875rem;
  border-radius: 0.25rem;
  border: 1px solid #d8dde6;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
  appearance: none;
  -webkit-appearance: none; }
  .fl-input-small:focus {
    outline: none; }
  .fl-input-small::placeholder {
    color: #636e84; }

.fl-input-select {
  width: 20.5rem;
  height: 3rem;
  padding: 0 1rem;
  color: #1e2532;
  font-size: 0.875rem;
  border-radius: 0.25rem;
  border: 1px solid #d8dde6;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
  appearance: none;
  -webkit-appearance: none; }
  .fl-input-select select {
    background-color: red; }
  .fl-input-select.reason-to-delete {
    padding: 0.75rem 1rem;
    width: 100%;
    border: 1px solid #009bf3; }
  .fl-input-select:focus {
    outline: none; }
  .fl-input-select::placeholder {
    color: #313a4b; }

.fl-input-cc {
  color: black;
  font-family: Helvetica, sans-serif;
  background-color: #fff;
  border: 1px solid #d7d7d9;
  border-radius: 3px;
  box-sizing: border-box;
  max-width: unset;
  display: block;
  width: 100%; }
  .fl-input-cc:focus {
    border: 1px solid #8c8c91; }

.fl-input-icon-wrapper {
  display: flex;
  flex-direction: row; }

.fl-input-icon-field {
  width: 20.5rem;
  height: 3rem;
  padding: 0 1rem;
  color: #1e2532;
  font-size: 0.875rem;
  border-radius: 0.25rem;
  border: 1px solid #d8dde6;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
  appearance: none;
  -webkit-appearance: none;
  flex-grow: 2; }
  .fl-input-icon-field.padding-icon {
    padding-right: 3.5rem; }
  .fl-input-icon-field:focus {
    outline: none; }
  .fl-input-icon-field::placeholder {
    color: #636e84; }

.fl-input-icon {
  top: 1rem;
  font-size: 11px;
  right: 3rem;
  display: flex;
  position: relative; }
  .fl-input-icon.input-text {
    height: 100%;
    right: 3.5rem; }

.blue--highlight:focus {
  border: 1px solid #009bf3;
  outline: none; }

.success--highlight:focus {
  border: 1px solid #4ad260;
  outline: none; }

.warning--highlight:focus {
  border: 1px solid #fdaf11;
  outline: none; }

.error--highlight:focus {
  border: 1px solid #ff7448;
  outline: none; }

.fl-slider {
  height: 15px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%; }
  .fl-slider:focus {
    outline: none; }

.fl-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #2497e3;
  border-radius: 2px;
  border: 0px solid #000000; }

.fl-slider::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #2497e3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  border-width: 2px;
  background: white;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px; }

.fl-slider::-moz-range-progress {
  background: red; }

.fl-checkbox-container {
  cursor: pointer;
  background: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  font-family: "Poppins", sans-serif; }
  .fl-checkbox-container input[type='checkbox'] {
    margin-top: 5px;
    margin-right: 10px;
    cursor: pointer;
    content: ' ';
    position: relative; }
  .fl-checkbox-container input[type='checkbox']:after {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    content: ' ';
    color: #fff;
    display: inline-block;
    visibility: visible;
    padding: 0px 3px;
    border-radius: 3px; }
  .fl-checkbox-container input[type='checkbox']:checked:after {
    content: '✓';
    background-color: #009bf3;
    font-size: 12px;
    margin-bottom: 10px; }

.fl-checkbox__row {
  display: flex; }

.fl-checkbox-container--non-interactive {
  cursor: default; }

.fl--grey--boarder {
  border-radius: 4px;
  border: 1px solid #d8dde6; }

.txt--area--resize--no {
  resize: none; }

.fl--txt--area {
  width: 100%;
  height: 124px;
  border-radius: 4px;
  border: 1px solid #d8dde6;
  background-color: #ffffff; }

.fl-list {
  list-style-type: none; }

.show--dropdown {
  appearance: inherit;
  -webkit-appearance: menulist-button; }

.checkmark:after {
  width: 5px;
  height: 10px;
  border: solid white;
  border-radius: 4px;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fl-textarea {
  border-radius: 0.25rem;
  border: 1px solid #d8dde6;
  background-color: #ffffff; }

.label--beta-feature {
  font-size: 10px;
  text-transform: uppercase;
  background: #0ed073;
  margin-left: 5px;
  border-radius: 2px;
  color: white;
  display: flex;
  align-content: start;
  align-items: center;
  line-height: 14px;
  height: 15px;
  padding: 0px 5px;
  margin-top: -5px; }

.label-beta {
  font-size: 8px;
  border: 1px solid currentColor;
  padding: 3px;
  margin-left: 9px;
  border-radius: 2px;
  letter-spacing: 0.05em;
  font-weight: 500; }

.fl-radio-input-label {
  border-radius: 27px;
  background: #f0f2f7;
  color: #4a5468;
  padding: 9px 14px;
  margin: 0;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer; }
  .fl-radio-input-label.selected {
    color: #ffffff;
    background: #009bf3; }
  .fl-radio-input-label input {
    width: 0;
    height: 0;
    opacity: 0; }

.workspace-switches input:disabled {
  cursor: not-allowed; }

.fl-navbar {
  position: fixed;
  z-index: 22;
  padding: 0;
  background-color: white;
  width: 100%;
  display: flex;
  flex-direction: row;
  height: 4rem;
  grid-row: 1;
  justify-content: space-between;
  align-items: center; }
  .fl-navbar .navbar-brand img {
    height: 4rem;
    padding: 0;
    margin: 0; }
  .fl-navbar .fl-navbar-text {
    cursor: pointer;
    white-space: nowrap; }

.fl-navbar-v2 {
  position: fixed;
  z-index: 4;
  padding: 0;
  background-color: white;
  width: 100%;
  display: flex;
  flex-direction: row;
  height: 4rem;
  grid-row: 1;
  justify-content: space-between;
  align-items: center; }
  .fl-navbar-v2 .fl-navbar-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 18px; }
  .fl-navbar-v2 .navbar-brand img {
    height: 4rem;
    padding: 0;
    margin: 0; }
  .fl-navbar-v2 .fl-navbar-text {
    cursor: pointer;
    white-space: nowrap; }

.square-nav-block {
  flex-direction: column;
  padding: 8px;
  text-align: center;
  padding-top: 13px;
  position: relative;
  font-size: 0.5rem;
  height: 4rem;
  background-color: #313a4b;
  color: #9aa5b6;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  cursor: pointer; }
  .square-nav-block:hover {
    text-decoration: none;
    color: #9aa5b6; }
  .square-nav-block:hover {
    background-color: #1e2532;
    border-bottom: 1px solid #009bf3; }

.left--nav--active {
  background-color: #1e2532;
  border-bottom: 2px solid #009bf3; }

.fl-nav-route-name {
  position: fixed;
  color: #1e2532;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.7px;
  line-height: 1;
  margin: 0 5rem; }

.fl-link {
  transition: all 0.3s ease-in-out;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #1e2532;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  border: none; }
  .fl-link .icon {
    margin: 0;
    padding: 0; }
  .fl-link:hover {
    text-decoration: none;
    background-color: #11151d; }
  .fl-link.active {
    background-color: #020307;
    color: #009bf3;
    border-bottom: 1px solid #009bf3; }
  .fl-link:focus {
    outline: none; }

.fl--blue--link {
  color: black;
  display: flex;
  align-items: center;
  padding-right: 3rem;
  transition: all 0.3s ease-in-out; }
  .fl--blue--link.active {
    color: #33b5fe; }
  .fl--blue--link:hover {
    text-decoration: none;
    color: #33b5fe; }

.fl--blue--link-v2 {
  color: #4a5468;
  display: flex;
  align-items: center;
  padding-right: 3rem;
  transition: all 0.3s ease-in-out; }
  .fl--blue--link-v2.active {
    color: #33b5fe; }
  .fl--blue--link-v2:hover {
    text-decoration: none;
    color: #33b5fe; }
  .fl--blue--link-v2 img:hover {
    align-items: center;
    padding-right: 0; }

.fl--blue--btn {
  width: 150px;
  height: 32px;
  background-color: #20a8fb;
  border-radius: 4px;
  text-align: center;
  line-height: 32px;
  color: white;
  font-size: 12px;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  cursor: pointer; }

.fl--blue--link-v2-alt {
  color: #4a5468;
  display: flex;
  align-items: center;
  padding-right: 3rem;
  transition: all 0.3s ease-in-out;
  cursor: pointer; }
  .fl--blue--link-v2-alt:hover {
    text-decoration: none;
    color: #33b5fe !important;
    cursor: pointer; }
  .fl--blue--link-v2-alt img:hover {
    align-items: center;
    padding-right: 0; }

.left-side-panel {
  width: 4em;
  z-index: 21;
  height: 100%;
  background-color: #1e2532;
  grid-area: 2 / 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .left-side-panel .icon {
    font-size: 1.5rem;
    left: 0.3rem;
    top: 0.75rem; }

.left-side-panel--inner {
  display: flex;
  flex-direction: column; }

.left-side-panel--with-top-banner {
  height: 93.5%; }

.fl-ul--no-padding {
  padding-inline-start: 0px; }

.wrapper {
  position: relative;
  width: 960px;
  margin: 0 auto; }

h1 {
  color: #fff; }

.block {
  display: block; }

.hide {
  display: none; }

#notification-bar {
  position: fixed;
  width: 100%;
  top: 0;
  background-color: #f43b46;
  clear: both;
  z-index: 999; }

#notification-bar .container {
  width: 1000px;
  height: 45px;
  margin: 0 auto;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center; }

#notification-bar p {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 300;
  float: ceneter;
  margin: 0 25px 0 0;
  padding: 0;
  color: #fff; }

#notification-bar a.btn-action {
  display: inline-block;
  width: 110px;
  height: 35px;
  line-height: 35px;
  margin-top: 5px;
  padding: 0px 12px;
  float: right;
  margin-right: 50px;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: bold;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 5px;
  /* Firefox 1-3.6 */
  -moz-border-radius: 5px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  opacity: 0.85;
  border-radius: 3px;
  text-align: center;
  background-color: #fff;
  color: #0348bc;
  text-decoration: none; }

#notification-bar a.btn-action:hover {
  opacity: 1; }

input[type='checkbox'] {
  position: absolute;
  top: -9999px;
  left: -9999px; }

.fa-times-circle {
  font-size: 30px;
  color: #fff;
  text-align: center;
  z-index: 9;
  cursor: pointer; }

.fa-times-circle:hover {
  color: #ddd; }

input[type='checkbox'] ~ #notification-bar {
  /* Animation */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  /* Start animation to go down */
  -webkit-animation-name: goDown;
  animation-name: goDown; }

/* Close the bar */
input[type='checkbox']:checked ~ #notification-bar {
  /* Animation */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  /* Start animation to go up */
  -webkit-animation-name: goUp;
  animation-name: goUp; }

input[type='checkbox'] ~ .fa-long-arrow-down {
  position: absolute;
  display: none;
  right: 10%;
  cursor: pointer; }

input[type='checkbox']:checked ~ .fa-long-arrow-down {
  display: block;
  top: -35px;
  padding: 10px;
  font-size: 50px;
  color: #ffbe03;
  background-color: #444;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 5px;
  /* Firefox 1-3.6 */
  -moz-border-radius: 5px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 5px; }

input[type='checkbox']:checked ~ .fa-long-arrow-down:hover {
  top: -15px;
  color: #ccc; }

/* ANIMATION for go up */
@-webkit-keyframes goUp {
  0% {
    -webkit-transform: none;
    transform: none; }
  100% {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0); } }

@keyframes goUp {
  0% {
    -webkit-transform: none;
    transform: none; }
  100% {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0); } }

/* ANIMATION for go down */
@-webkit-keyframes goDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes goDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

.find-me {
  position: relative;
  margin: 100px;
  color: #fff; }

.find-me a {
  color: #fff; }

.fl-padding-dropdown__item {
  padding: 0.75rem 1rem; }

.fl--p--0 {
  padding: 0; }

.fl--ptb--05 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.fl--p--1 {
  padding: 1rem; }

.fl--p--1h {
  padding: 1.5rem; }

.fl--plr--1h {
  padding: 0 1.5rem; }

.fl--pt--1h {
  padding-top: 1.5rem; }

.fl--ptb--1 {
  padding: 1rem 0; }

.fl--plr--05 {
  padding: 0 0.5rem; }

.fl--plr--1 {
  padding: 0 1rem; }

.fl--p--2 {
  padding: 2rem; }

.fl--ptb--2 {
  padding: 2rem 0; }

.fl--plr--2 {
  padding: 0 2rem; }

.fl--p--3 {
  padding: 3rem; }

.fl--ptb--3 {
  padding: 3rem 0; }

.fl--plr--3 {
  padding: 0 3rem; }

.fl--p--4 {
  padding: 4rem; }

.fl--ptb--4 {
  padding: 4rem 0; }

.fl--plr--4 {
  padding: 0 4rem; }

.fl--plr--5 {
  padding: 0 5rem; }

.fl--p--6 {
  padding: 6rem; }

.fl--ptb--6 {
  padding: 6rem 0; }

.fl--plr--5h {
  padding: 0 5.5rem; }

.fl--plr--6 {
  padding: 0 6rem; }

.fl--p--8 {
  padding: 8rem; }

.fl--ptb--8 {
  padding: 8rem 0; }

.fl--plr--8 {
  padding: 0 8rem; }

.fl--p--10 {
  padding: 10rem; }

.fl--ptb--10 {
  padding: 10rem 0; }

.fl--plr--10 {
  padding: 0 10rem; }

.fl--p--12 {
  padding: 12rem; }

.fl--ptb--12 {
  padding: 12rem 0; }

.fl--plr--12 {
  padding: 0 12rem; }

.fl--pt--05 {
  padding-top: 0.5rem; }

.fl--pb--05 {
  padding-bottom: 0.5rem; }

.fl--pl--05 {
  padding-left: 0.5rem; }

.fl--pr--05 {
  padding-right: 0.5rem; }

.fl--pt--1 {
  padding-top: 1rem; }

.fl--pb--1 {
  padding-bottom: 1rem; }

.fl--pl--1 {
  padding-left: 1rem; }

.fl--pr--1 {
  padding-right: 1rem; }

.fl--pt--2 {
  padding-top: 2rem; }

.fl--pb--2 {
  padding-bottom: 2rem; }

.fl--pl--2 {
  padding-left: 2rem; }

.fl--pr--2 {
  padding-right: 2rem; }

.fl--pt--4 {
  padding-top: 4rem; }

.fl--pb--4 {
  padding-bottom: 4rem; }

.fl--pl--4 {
  padding-left: 4rem; }

.fl--pr--4 {
  padding-right: 4rem; }

.fl--pt--6 {
  padding-top: 6rem; }

.fl--pb--6 {
  padding-bottom: 6rem; }

.fl--pl--6 {
  padding-left: 6rem; }

.fl--pr--6 {
  padding-right: 6rem; }

.fl--pt--8 {
  padding-top: 8rem; }

.fl--pb--8 {
  padding-bottom: 8rem; }

.fl--pl--8 {
  padding-left: 8rem; }

.fl--pr--8 {
  padding-right: 8rem; }

.fl--pt--10 {
  padding-top: 10rem; }

.fl--pb--10 {
  padding-bottom: 10rem; }

.fl--pl--10 {
  padding-left: 10rem; }

.fl--pr--10 {
  padding-right: 10rem; }

.fl--pt--12 {
  padding-top: 12rem; }

.fl--pb--12 {
  padding-bottom: 12rem; }

.fl--pl--12 {
  padding-left: 12rem; }

.fl--pr--12 {
  padding-right: 12rem; }

.fl--m--auto {
  margin: auto; }

.fl--mtb--2 {
  margin: 2rem 0; }

.fl--mlr--2 {
  margin: 0 2rem; }

.fl--m--0 {
  margin: 0rem; }

.fl--mtb--0 {
  margin: 0rem 0; }

.fl--mlr--0 {
  margin: 0 0rem; }

.fl--m--05 {
  margin: 0.5rem; }

.fl--mtb--05 {
  margin: 0.5rem 0; }

.fl--mlr--05 {
  margin: 0 0.5rem; }

.fl--m--1 {
  margin: 1rem; }

.fl--mtb--1 {
  margin: 1rem 0; }

.fl--mtb--1h {
  margin: 1.5rem 0; }

.fl--mlr--1 {
  margin: 0 1rem; }

.fl--m--1 {
  margin: 1rem; }

.fl--mtb--1 {
  margin: 1rem 0; }

.fl--mlr--1 {
  margin: 0 1rem; }

.fl--m--2 {
  margin: 2rem; }

.fl--mtb--2 {
  margin: 2rem 0; }

.fl--mlr--2 {
  margin: 0 2rem; }

.fl--m--3 {
  margin: 3rem; }

.fl--mtb--3 {
  margin: 3rem 0; }

.fl--mlr--3 {
  margin: 0 3rem; }

.fl--m--4 {
  margin: 4rem; }

.fl--mtb--4 {
  margin: 4rem 0; }

.fl--mlr--4 {
  margin: 0 4rem; }

.fl--m--6 {
  margin: 6rem; }

.fl--mtb--6 {
  margin: 6rem 0; }

.fl--mlr--6 {
  margin: 0 6rem; }

.fl--m--8 {
  margin: 8rem; }

.fl--mtb--8 {
  margin: 8rem 0; }

.fl--mlr--8 {
  margin: 0 8rem; }

.fl--m--10 {
  margin: 10rem; }

.fl--mtb--10 {
  margin: 10rem 0; }

.fl--mlr--10 {
  margin: 0 10rem; }

.fl--m--12 {
  margin: 12rem; }

.fl--mtb--12 {
  margin: 12rem 0; }

.fl--mlr--12 {
  margin: 0 12rem; }

.fl--mt--05 {
  margin-top: 0.5rem; }

.fl--mb--05 {
  margin-bottom: 0.5rem; }

.fl--ml--05 {
  margin-left: 0.5rem; }

.fl--mr--05 {
  margin-right: 0.5rem; }

.fl--mt--075 {
  margin-top: 0.75rem; }

.fl--mb--075 {
  margin-bottom: 0.75rem; }

.fl--ml--075 {
  margin-left: 0.75rem; }

.fl--mr--075 {
  margin-right: 0.75rem; }

.fl--mt--1 {
  margin-top: 1rem; }

.fl--mt--1h {
  margin-top: 1.5rem; }

.fl--mb--1 {
  margin-bottom: 1rem; }

.fl--mb--1h {
  margin-bottom: 1.5rem; }

.fl--ml--1 {
  margin-left: 1rem; }

.fl--mr--1 {
  margin-right: 1rem; }

.fl--mr--1h {
  margin-right: 1.5rem; }

.fl--mt--2 {
  margin-top: 2rem; }

.fl--mb--2 {
  margin-bottom: 2rem; }

.fl--ml--2 {
  margin-left: 2rem; }

.fl--mr--2 {
  margin-right: 2rem; }

.fl--mt--3 {
  margin-top: 3rem; }

.fl--mb--3 {
  margin-bottom: 3rem; }

.fl--ml--3 {
  margin-left: 3rem; }

.fl--mr--3 {
  margin-right: 3rem; }

.fl--mt--4 {
  margin-top: 4rem; }

.fl--mb--4 {
  margin-bottom: 4rem; }

.fl--ml--4 {
  margin-left: 4rem; }

.fl--mr--4 {
  margin-right: 4rem; }

.fl--mt--6 {
  margin-top: 6rem; }

.fl--mb--6 {
  margin-bottom: 6rem; }

.fl--ml--6 {
  margin-left: 6rem; }

.fl--mr--6 {
  margin-right: 6rem; }

.fl--mt--8 {
  margin-top: 8rem; }

.fl--mb--8 {
  margin-bottom: 8rem; }

.fl--ml--8 {
  margin-left: 8rem; }

.fl--mr--8 {
  margin-right: 8rem; }

.fl--mt--10 {
  margin-top: 10rem; }

.fl--mb--10 {
  margin-bottom: 10rem; }

.fl--ml--10 {
  margin-left: 10rem; }

.fl--mr--10 {
  margin-right: 10rem; }

.fl--mt--12 {
  margin-top: 12rem; }

.fl--mb--12 {
  margin-bottom: 12rem; }

.fl--ml--12 {
  margin-left: 12rem; }

.fl--mr--12 {
  margin-right: 12rem; }

.fl--mt--15 {
  margin-top: 15rem; }

.fl--mb--15 {
  margin-bottom: 15rem; }

.fl--ml--15 {
  margin-left: 15rem; }

.fl--mr--15 {
  margin-right: 15rem; }

@keyframes fadeInAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/**
* v2 Project upgrade modal - start
*/
.overlay-v2 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(246, 246, 246, 0.8);
  visibility: hidden;
  opacity: 0; }

.overlay-v2-show {
  visibility: visible;
  opacity: 1;
  z-index: 5;
  animation: fadeInAnimation ease 1.2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

.overlay-v2-show-no-animation {
  visibility: visible;
  opacity: 1;
  z-index: 5; }

.popup {
  font-family: Roboto, Arial, sans-serif;
  margin: 70px auto;
  padding: 60px 56px;
  background: #fff;
  border-radius: 5px;
  width: 75%;
  max-width: 854px;
  min-height: 420px;
  position: relative;
  transition: all 5s ease-in-out; }
  .popup.fit-content {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    min-width: 500px;
    width: fit-content;
    height: fit-content;
    min-height: auto; }

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Roboto, Arial, sans-serif;
  font-size: 24px; }

.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333; }

.popup .close:hover {
  color: #009cfa; }

.popup .v2-content {
  max-height: 30%;
  overflow: auto; }
  .popup .v2-content.flex {
    display: flex;
    margin-top: 16px; }

.popup .v2-content .cta {
  margin-top: 16px; }

.popup .cta .v2-content .box {
  min-height: 55px;
  min-width: 55px;
  line-height: 55px;
  border: 1px solid rgba(225, 225, 234, 0.5);
  border-radius: 8px;
  text-align: center;
  margin-right: 24px; }

.popup .cta .v2-content .text {
  position: relative;
  bottom: 5px; }

.popup .footer {
  display: flex;
  margin-top: 48.5px; }

.popup .footer .button {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  width: 213px;
  height: 56.5px;
  background-color: #0ed073;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 56.5px;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  cursor: pointer; }
  .popup .footer .button:hover {
    background-color: #0bda77; }
  .popup .footer .button.no-border {
    border: none; }

.popup .lock-footer {
  display: flex; }

.popup .lock-footer .button {
  display: block;
  width: 100%;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  background-color: #0ed073;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #ffffff;
  border-radius: 8px;
  cursor: pointer;
  padding: 14px 24px; }
  .popup .lock-footer .button:hover {
    background-color: #0bda77; }

.popup .checkbox-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 34px;
  padding-left: 10px; }
  .popup .checkbox-footer--confirm {
    padding-left: 30px;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 19px;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */
    /* Style the checkmark/indicator */ }
    .popup .checkbox-footer--confirm .checkbox {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
      top: 0;
      left: 0; }
    .popup .checkbox-footer--confirm .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 19px;
      width: 19px;
      background-color: #ffffff;
      border: 1px solid #1e2532; }
    .popup .checkbox-footer--confirm .checkmark:after {
      content: '';
      position: absolute;
      display: none; }
    .popup .checkbox-footer--confirm input:checked ~ .checkmark:after {
      display: block; }
    .popup .checkbox-footer--confirm .checkmark:after {
      border-radius: 0;
      left: 5px;
      top: 1px;
      width: 7px;
      height: 14px;
      border: solid #1e2532;
      border-width: 0px 3px 3px 0px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .popup .checkbox-footer #close-modal-link {
    text-decoration: underline;
    color: #f43b46;
    cursor: pointer;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700; }
    .popup .checkbox-footer #close-modal-link.disabled {
      color: #636e84;
      opacity: 0.5;
      cursor: none;
      pointer-events: none; }
    .popup .checkbox-footer #close-modal-link.text-center {
      text-align: center; }

.free-lock-modal {
  padding: 42px;
  max-width: 820px; }
  .free-lock-modal--title {
    text-align: center;
    margin-bottom: 44px; }
  .free-lock-modal .v2-content {
    padding: 0;
    line-height: 21px; }
  .free-lock-modal .v2-content + .v2-content {
    margin-top: 21px; }
  .free-lock-modal .v2-content + .cta {
    margin-top: 21px; }
  .free-lock-modal .cta li {
    font-size: 16px; }
  .free-lock-modal .cta li + li {
    margin-top: 8px; }
  .free-lock-modal .checkmark--note {
    margin-bottom: 34px;
    font-size: 14px;
    line-height: 16px;
    padding: 0.5em;
    background-color: #fcf8e3; }

.map-pro-changes-modal {
  padding: 42px;
  max-width: 820px; }
  .map-pro-changes-modal--title {
    text-align: center;
    margin-bottom: 44px; }
  .map-pro-changes-modal .v2-content {
    padding: 0;
    line-height: 21px; }
  .map-pro-changes-modal .v2-content + .v2-content {
    margin-top: 21px; }
  .map-pro-changes-modal .v2-content + .lock-footer {
    margin-top: 21px; }
  .map-pro-changes-modal .checkmark--note {
    margin-bottom: 34px;
    font-size: 14px;
    line-height: 16px;
    padding: 0.5em;
    background-color: #fcf8e3; }

.overlay-scrollable {
  overflow-y: auto; }

.upsell-yearly-modal {
  padding: 42px 40px;
  max-width: 980px;
  min-height: 350px; }
  .upsell-yearly-modal__steps {
    width: 100%;
    margin-bottom: 32px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-color: rgba(0, 155, 243, 0.3);
    border: 1px solid rgba(47, 47, 47, 0.17); }
    .upsell-yearly-modal__steps-item {
      width: 50%;
      line-height: 38px;
      font-size: 18px;
      font-weight: 600;
      text-align: center;
      color: rgba(255, 255, 255, 0.7);
      text-transform: uppercase; }
      .upsell-yearly-modal__steps-item.active {
        background-color: rgba(0, 155, 243, 0.6);
        color: #ffffff; }
  .upsell-yearly-modal__title {
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700; }
    .upsell-yearly-modal__title-info {
      color: #009bf3;
      font-size: 30px; }
    .upsell-yearly-modal__title-upsell, .upsell-yearly-modal__title-success {
      color: #1e2532;
      font-size: 26px;
      margin-bottom: 32px; }
      .upsell-yearly-modal__title-upsell .text-red, .upsell-yearly-modal__title-success .text-red {
        color: #f43b46; }
      .upsell-yearly-modal__title-upsell .text-success, .upsell-yearly-modal__title-success .text-success {
        color: #0ed073; }
  .upsell-yearly-modal__sub-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 500; }
  .upsell-yearly-modal__feature-img {
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }
  .upsell-yearly-modal__separator {
    width: 75%;
    margin-bottom: 20px; }
  .upsell-yearly-modal__features-showcase {
    display: flex;
    margin-bottom: 20px; }
  .upsell-yearly-modal__features-list {
    padding-right: 32px; }
    .upsell-yearly-modal__features-list--title {
      font-size: 18px;
      font-weight: 700; }
    .upsell-yearly-modal__features-list ul {
      list-style-type: none;
      padding-left: 0; }
      .upsell-yearly-modal__features-list ul li {
        padding-left: 2rem;
        font-size: 16px; }
        .upsell-yearly-modal__features-list ul li .fa {
          margin-left: -2rem;
          margin-right: 12px; }
      .upsell-yearly-modal__features-list ul li + li {
        margin-top: 8px; }
  .upsell-yearly-modal__onetime-title {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px; }
  .upsell-yearly-modal__onetime-subtitle {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    color: #009bf3; }
    .upsell-yearly-modal__onetime-subtitle s {
      color: #f43b46; }
  .upsell-yearly-modal__onetime-note {
    text-align: center;
    color: rgba(30, 37, 50, 0.8);
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px; }
    .upsell-yearly-modal__onetime-note b {
      color: rgba(30, 37, 50, 0.9); }
  .upsell-yearly-modal .checkmark--note {
    margin-bottom: 34px;
    font-size: 14px;
    line-height: 16px;
    padding: 0.5em;
    background-color: #fcf8e3; }
  .upsell-yearly-modal__cta, .upsell-yearly-modal__footer {
    display: flex;
    justify-content: center; }
    .upsell-yearly-modal__cta-btn, .upsell-yearly-modal__footer-btn {
      display: block;
      width: 75%;
      font-family: "Roboto", Arial, Helvetica, sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      line-height: 28px;
      text-align: center;
      color: #ffffff;
      background-color: #0ed073;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 8px;
      cursor: pointer;
      padding: 14px 24px;
      transition: all ease 0.2s; }
      .upsell-yearly-modal__cta-btn:hover, .upsell-yearly-modal__footer-btn:hover {
        background-color: #0bda77; }
  .upsell-yearly-modal__footer-btn {
    width: 65%; }
  .upsell-yearly-modal__action-items {
    font-size: 24px;
    margin-bottom: 20px; }
    .upsell-yearly-modal__action-items li + li {
      margin-top: 20px; }
  .upsell-yearly-modal__error {
    width: 100%;
    padding: 16px;
    border: 1px solid #f43b46;
    border-radius: 8px;
    background-color: rgba(244, 59, 70, 0.2);
    color: #f43b46;
    margin-bottom: 20px; }
    .upsell-yearly-modal__error h4 {
      font-size: 18px;
      font-weight: 700; }
    .upsell-yearly-modal__error span {
      font-size: 16px;
      font-weight: normal; }
  .upsell-yearly-modal #close-modal-link-black {
    text-decoration: underline;
    color: rgba(30, 37, 50, 0.8);
    cursor: pointer;
    font-size: 18px;
    line-height: normal;
    font-weight: 500; }
    .upsell-yearly-modal #close-modal-link-black.disabled {
      color: #9aa5b5;
      opacity: 0.5;
      cursor: none;
      pointer-events: none; }
  .upsell-yearly-modal .meetings-iframe-container {
    height: 680px;
    overflow: hidden; }

.popup .footer .goback {
  background: transparent;
  color: #202736;
  text-decoration-line: underline;
  font-size: 18px;
  border: none;
  text-align: center;
  height: 56.5px;
  line-height: 56.5px;
  margin-left: 32px;
  cursor: pointer; }

.v2-content {
  padding: 8px 0;
  font-size: 18px;
  line-height: 28px; }

@media screen and (max-width: 700px) {
  .box {
    width: 80%; }
  .popup {
    width: 80%; } }

/**
* v2 Project upgrade modal - end
*/
.fl-modal-proj-fun {
  width: 25.6rem;
  min-height: 12rem;
  border-radius: 8px;
  margin: 35% auto auto;
  background-color: white;
  display: flow-root;
  overflow: hidden; }

.fl-modal-create-funnel {
  max-width: 35rem;
  min-height: 12rem;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(32, 69, 105, 0.1);
  margin: 25% auto auto;
  padding: 0.5rem; }

.fl-modal-proj-fun--margin-auto {
  margin: auto; }

.fl-modal-header {
  font-family: "Nunito", sans-serif;
  padding: 2rem 2rem 1rem; }

.fl-modal-header__message {
  font-family: "Poppins", sans-serif; }

.fl-modal-body {
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  float: left;
  float: left; }

.fl-modal-footer {
  margin: 15px 0 2rem;
  display: flex;
  vertical-align: middle;
  justify-content: space-between; }

.fl-modal {
  display: none;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
  animation: fade-In 0.5s ease-in-out forwards; }
  .fl-modal.fl-modal-absolute {
    position: absolute; }

.fl-modal-cancel-btn {
  border: none;
  background: transparent;
  outline: none;
  cursor: pointer;
  color: #636e84;
  margin: 0.5rem 2rem;
  font-size: 0.75rem; }

.fl-modal--open {
  display: block; }

.fl-modal__content {
  transition: transform 0.2s ease-in;
  transform: translateY(-60px); }

.fl-modal__content--open {
  transform: translateY(0px); }

.fl-modal--centered {
  display: flex;
  justify-content: center;
  align-items: flex-start; }

.upsell-modal {
  position: fixed;
  width: 987px;
  height: 504px;
  box-shadow: 0 4px 10px rgba(32, 69, 105, 0.1);
  border-radius: 8px;
  top: 0;
  left: 0;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4); }

.upsell-modal__message {
  font-family: "Poppins", sans-serif; }

.fl--modal--header {
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 1.1px; }

.fl-lg-modal-content {
  background-color: #fefefe;
  margin: 10rem auto auto;
  border-radius: 5px;
  border: 1px solid #888;
  width: 49rem; }

.modal-content {
  background-color: #fefefe;
  margin-top: 10rem;
  margin-left: calc(50% - 11rem);
  padding: 40px;
  border: 1px solid #888;
  width: 28rem;
  overflow: hidden; }
  .modal-content.xl-padding {
    padding: 2rem; }
  .modal-content.large-modal {
    margin: auto;
    width: 60%; }
  .modal-content.wide {
    width: 60vw;
    min-width: 950px;
    margin: auto;
    margin-top: 6rem;
    margin-bottom: 3rem; }
  .modal-content.lrg-modal {
    width: 80%;
    margin: auto;
    margin-top: 4rem;
    margin-bottom: 4rem;
    z-index: 1000;
    padding: 0; }
  .modal-content.center {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0;
    margin-left: 0; }
  .modal-content.extended-35 {
    width: 35rem; }
  .modal-content.extended-45 {
    width: 45rem; }

.modal-content--no-flex {
  display: block; }

.modal-content--large {
  max-width: 80%;
  width: 1000px;
  margin: 10rem 0 0 0; }

.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

.close.close-absolute-position {
  position: absolute;
  right: 1rem;
  top: 0.5rem; }

.wide-modal {
  max-width: 80%;
  width: 80%;
  margin: auto;
  margin-top: 2rem;
  margin-bottom: 2rem; }

.modal-subheader {
  margin-bottom: 1rem;
  width: 201px;
  height: 15px;
  color: #1e2532;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.7px;
  line-height: 16px; }

.upsell-modal__header {
  font-family: Nunito;
  font-weight: 300;
  font-size: 22px;
  margin-bottom: 1rem; }

.upsell-modal__body {
  font-family: "Poppins", sans-serif; }

.modal__outside-close-btn {
  position: absolute;
  right: 0;
  color: white;
  margin-right: -2rem;
  text-shadow: none;
  opacity: 1; }
  .modal__outside-close-btn:hover {
    color: #e7e7e7; }
  .modal__outside-close-btn:not(:disabled):not(.disabled):hover {
    color: #e7e7e7; }

.funnel-setting__modal {
  display: none;
  justify-content: center;
  align-items: center; }

.funnel-setting__modal--visible {
  display: flex; }

.modal__close-btn {
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  fill: #9aa5b5;
  transition: all 0.4s ease-in-out; }
  .modal__close-btn:hover {
    fill: #586578; }

.model-warning-message {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 146.4%;
  text-align: center;
  letter-spacing: 0.05em;
  color: #ff4e4e;
  margin: 1rem; }

.rmodel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch; }

.rbox {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 140px;
  position: relative;
  mask-clip: padding-box;
  border-radius: 10px;
  overflow: hidden;
  background-color: white;
  background-image: url("/assets/starter-modal-bg.svg");
  background-size: cover; }

.rcontent {
  flex: 1 0 auto;
  padding: 40px;
  justify-content: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px; }

.rvideo {
  padding: 0;
  height: 100%;
  border: none; }

.rbuttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.rclose {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ed3e3b;
  padding: 10px;
  color: white;
  font-size: 20px;
  border: none;
  font-weight: bold;
  cursor: pointer; }

.fl-heading {
  color: #a2a2a2; }

.fl-heading-normalize {
  margin: 0; }

.txt--blue {
  color: #009bf3; }
  .txt--blue:hover {
    color: #33b5fe; }

.txt--blue_no_hover {
  color: #009bf3; }

.txt--lt--blue {
  color: #dff6ff; }

.txt--green {
  color: #4ad260; }

.txt--grey {
  color: #636e84; }

.txt--orange {
  color: #fdaf11; }

.txt--red {
  color: #ff7448; }

.txt--brand-orange {
  color: #ff8934; }

.txt--disabled {
  color: #9aa5b6; }

.grey--icon {
  color: #9aa5b6; }

.txt--white {
  color: white; }

.txt--grey-font-1 {
  color: #9aa5b5; }

.txt--purple {
  color: #7b35ef; }

.txt--darkgrey {
  color: #1e2532; }

.fl--alt--font {
  font-family: "Nunito", sans-serif; }

.txt--hover--red:hover {
  color: #ff7448; }

.line--h--1p5 {
  line-height: 1.5rem; }

.line--h--2p5 {
  line-height: 2.5rem; }

.line--h--3 {
  line-height: 3rem; }

.fl--font--spacing1 {
  letter-spacing: 0.07rem; }

.fl--xs--font {
  font-size: 0.5rem; }

.fl--875--font {
  font-size: 0.875rem; }

.fl--75--font {
  font-size: 0.75rem; }

.fl--s--font {
  font-size: 0.85rem; }

.fl--sm--font {
  font-size: 1.125rem; }

.fl--m--font {
  font-size: 1.375rem; }

.fl--ms--font {
  font-size: 1.25rem; }

.fl--ml--font {
  font-size: 1.5rem; }

.fl--l--font {
  font-size: 2rem; }

.fl--font--200 {
  font-weight: 200; }

.fl--font--300 {
  font-weight: 300; }

.fl--font--400 {
  font-weight: 400; }

.fl--font--500 {
  font-weight: 500; }

.fl--font--600 {
  font-weight: 600; }

.fl--font--700 {
  font-weight: 700; }

.fl--txt--center {
  text-align: center; }

.fl--center--txt {
  text-align: center; }

.pointer-txt {
  cursor: pointer; }

.modal-sub-txt {
  color: #636e84;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px; }

.fl-title {
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.2em;
  color: #212529; }

.fl-title--alternate {
  font-family: "Nunito", sans-serif;
  letter-spacing: 0.02em;
  font-size: 1.2rem; }

.fl-title--with-small-margin {
  margin-bottom: 15px; }

.fl-title--with-margin {
  margin-bottom: 25px; }

.fl-title--small {
  font-size: 0.9rem;
  font-weight: 600; }

.fl-title--smaller {
  font-size: 0.85rem;
  font-weight: 600; }

.fl-title--wrapped {
  display: flex;
  align-items: center;
  padding: 25px;
  border-top: 1px solid #d8dde6;
  border-bottom: 1px solid #d8dde6; }

.fl-text--uppercase {
  text-transform: uppercase; }

.fl-text--bold {
  font-weight: bold; }

.fl-card {
  z-index: 1;
  box-shadow: 0 4px 10px rgba(32, 69, 105, 0.1);
  border-radius: 8px;
  max-width: 800px;
  height: fit-content; }
  .fl-card.perf-lite {
    box-shadow: 7px 7px 6px 1px rgba(17, 38, 58, 0.1); }
    @media all and (max-width: 769px) {
      .fl-card.perf-lite {
        box-shadow: 7px 7px 6px 1px rgba(17, 38, 58, 0.2); } }
    @media all and (max-width: 501px) {
      .fl-card.perf-lite {
        box-shadow: 7px 7px 6px 1px rgba(17, 38, 58, 0.2); } }

.fl-card-body-v2 {
  height: 10rem; }

.fl-login-card {
  z-index: 1;
  box-shadow: 0 4px 10px rgba(32, 69, 105, 0.1);
  border-radius: 8px;
  min-width: 15rem; }

.fl-funnel-card {
  cursor: pointer;
  user-select: none;
  background: white;
  height: 16.18rem;
  width: 19.3rem;
  margin: auto;
  min-width: 17rem;
  position: relative;
  z-index: 2;
  box-shadow: 0 4px 10px rgba(32, 69, 105, 0.1);
  border-radius: 8px;
  border: 2px solid transparent;
  transition: all 0.3s ease-in-out; }
  .fl-funnel-card:hover {
    border: 2px solid #009bf3; }
    .fl-funnel-card:hover .fl-funnel-card-footer {
      color: #009bf3;
      overflow: hidden; }
    .fl-funnel-card:hover.create-funnel-btn {
      background: #33b5fe; }
    .fl-funnel-card:hover.create-funnel-card {
      color: #33b5fe; }
  .fl-funnel-card .overlay {
    position: absolute;
    width: 19.3rem;
    height: 16.18rem;
    margin: -15px;
    border-radius: 0.25rem;
    z-index: 2;
    opacity: 0;
    transition: 0.15s opacity ease-in-out; }

.fl-funnel-card-v2 {
  cursor: pointer;
  user-select: none;
  background: white;
  height: 16.18rem;
  width: 19.3rem;
  margin: auto;
  min-width: 17rem;
  position: relative;
  z-index: 2;
  border-radius: 8px;
  border: 2px solid transparent;
  transition: all 0.3s ease-in-out;
  margin: 24px 24px 0 0; }
  .fl-funnel-card-v2 .fl-funnel-card-name-v2 {
    color: #4a5468;
    overflow: hidden;
    max-height: 30px;
    padding: 8px 0 0 8px; }
  .fl-funnel-card-v2:hover {
    border: 2px solid #009bf3;
    box-shadow: 0 14px 10px 0 rgba(32, 69, 105, 0.1); }
    .fl-funnel-card-v2:hover.create-funnel-btn-v2 {
      background: #33b5fe; }
    .fl-funnel-card-v2:hover.create-funnel-card-v2 {
      color: #33b5fe; }
    .fl-funnel-card-v2:hover div > div > svg {
      fill: #4a5468; }
  .fl-funnel-card-v2 .card-overlay-v2 {
    position: absolute;
    width: 19.3rem;
    height: 16.18rem;
    margin: -15px;
    border-radius: 0.25rem;
    z-index: 2;
    opacity: 0;
    transition: 0.15s opacity ease-in-out; }

.fl-funnel-card-footer {
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 6px;
  top: -3px;
  display: flex;
  position: relative; }

.fl-card-preview {
  display: block;
  height: 10rem;
  margin-bottom: 1rem;
  width: 16rem;
  position: relative; }

.fl-card-info,
.fl-card-edit {
  background-color: #9aa5b6;
  color: white;
  position: relative;
  height: 2rem;
  z-index: 1000000; }

.fl-card-info {
  display: inline-flex;
  align-items: center;
  border-radius: 27px;
  padding: 0.5rem 1rem;
  font-size: 13px;
  font-weight: bold; }

.fl-card-edit {
  width: 2rem;
  border-radius: 5px;
  padding: 0.5rem; }

.card-template {
  background: white;
  padding: 1.5rem;
  box-shadow: 0 4px 10px rgba(32, 69, 105, 0.1);
  margin: 1rem 0;
  border-radius: 8px;
  border: 2px solid transparent;
  width: 100%; }
  @media all and (min-width: 768px) {
    .card-template {
      padding: 2rem; } }
  .card-template .card-title {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 22px;
    font-size: 1.2rem;
    line-height: 30px;
    letter-spacing: 0.05em;
    color: #1e2532;
    display: flex;
    flex-direction: row;
    white-space: nowrap; }
    @media all and (max-width: 767px) {
      .card-template .card-title {
        font-size: 18px; } }

.grey-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  margin-right: 1rem;
  padding-top: 3px;
  font-size: 15px;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  background: #9aa5b5; }
  @media all and (max-width: 767px) {
    .grey-icon {
      height: 24px;
      width: 24px;
      font-size: 14px; } }

.fl-flex {
  display: flex; }

.fl--in--block {
  display: inline-block; }

.fl-block {
  display: block; }

.fl--vert--align {
  display: flex;
  align-self: center; }

.fl-row {
  display: flex;
  align-items: center; }

.fl-flex-center {
  display: flex;
  align-items: center; }

.fl-dashboard-subgrid {
  display: grid; }

.fl-col-1 {
  grid-column: 1; }

.fl-row-1 {
  grid-row: 1; }

.fl-col-2 {
  grid-column: 2; }

.fl-row-2 {
  grid-row: 2; }

.fl-grid-18 {
  grid-template-columns: 18rem; }

@media all and (max-width: 768px) {
  .fl-grid-18 {
    grid-template-columns: 5rem; } }

.fl-flt-r {
  float: right;
  display: flex; }

.fl-flt-r-noflex {
  float: right; }

.fl-flt-l {
  float: left; }

.h-100 {
  height: 100%; }

.wd--100 {
  width: 100%; }

.wd--95 {
  width: 95%; }

.wd--90 {
  width: 90%; }

.wd--85 {
  width: 85%; }

.wd--80 {
  width: 80%; }

.wd--70 {
  width: 70%; }

.wd--60 {
  width: 60%; }

.wd--50 {
  width: 50%; }

.wd--48 {
  width: 48%; }

.wd--40 {
  width: 40%; }

.wd--30 {
  width: 30%; }

.wd--20 {
  width: 20%; }

.wd--10 {
  width: 10%; }

.wd--5 {
  width: 5%; }

.width--20 {
  width: 20rem; }

.width--24 {
  width: 24rem; }

.fl-flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between; }

.fl-flex-row.fl-flex-center {
  justify-content: center; }

.fl-flex-col {
  display: flex;
  flex-direction: column; }

.fl-flex {
  display: flex; }

.fl-flex-end {
  display: flex;
  justify-content: flex-end; }

.fl-table {
  border-collapse: collapse;
  width: 100%; }

.fl-table-row,
.fl-table-title {
  padding: 1.375rem;
  text-align: left;
  border-bottom: 1px solid #ddd; }

.mx--wd--40 {
  max-width: 40rem; }

.mx--wd--95 {
  max-width: 95%; }

.align-row {
  display: flex;
  align-items: center; }

.text-center {
  text-align: center; }

/* Base styles for the div container */
.fl-container {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box; }

/* Styles for larger screens (desktops, laptops, etc.) */
@media screen and (min-width: 768px) {
  .fl-container {
    padding: 30px; } }

/* Styles for tablets */
@media screen and (min-width: 576px) and (max-width: 767px) {
  .fl-container {
    padding: 25px; } }

/* Styles for mobile phones */
@media screen and (max-width: 575px) {
  .fl-container {
    padding: 20px; } }

.fl-line-normalize {
  padding: 0;
  margin: 0; }

.fl-line-grey {
  border-top: 1px solid #313a4b; }

.funnelytics-linebreak {
  border: 1px solid #d8dde6;
  width: 100%; }

.fl-webkit-scroll::-webkit-scrollbar {
  width: 5px; }

.fl-webkit-scroll::-webkit-scrollbar-track {
  display: none; }

.fl-webkit-scroll::-webkit-scrollbar-thumb {
  background: #009bf3;
  border-radius: 100px; }

.fl-title-with-icon {
  display: inline-block; }

.fl-title-with-icon__wrapper {
  display: flex;
  align-items: center; }

.fl-title-with-icon__icon {
  width: 2rem;
  margin-right: 10px; }

.fl-title-with-icon__title {
  font-size: 2rem;
  font-weight: 400; }

.fl-upsell-modal {
  display: block;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4); }
  .fl-upsell-modal .upsell-banner {
    padding: 20rem;
    width: 48rem;
    left: -31rem;
    top: -18rem;
    transform: rotate(-45deg);
    position: absolute; }

.fl-upsell-modal__subheading {
  margin-bottom: 10px; }

.upsell-banner--analytics {
  background-color: #996cf9; }

.upsell__text--analytics {
  color: #996cf9; }

.upsell__text--animations {
  color: #009bf3; }

.upsell-banner--animations {
  background-color: #009bf3; }

.upsell__text--forecasting {
  color: #ed724b; }

.upsell-banner--forecasting {
  background-color: #ed724b; }

.upsell__text--images,
.upsell__text--icons {
  color: #ed724b; }

.fl-upsell-content {
  background-color: #fefefe;
  top: 20%;
  padding: 64px;
  margin: auto;
  border-radius: 5px;
  width: 987px;
  position: relative;
  overflow: hidden; }

.upsell-body {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .upsell-body .video {
    z-index: 1000;
    margin-right: 2rem; }

.upsell__visual-content {
  margin-right: 3rem;
  z-index: 100; }

.upsell__video {
  width: 100%; }

.upsell__image {
  width: 100%; }

.upsell-message {
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .upsell-message .header {
    width: 386px;
    color: #1e2532;
    font-family: Nunito;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 1.2px;
    line-height: 41px; }
  .upsell-message .subheader {
    font-size: 16px;
    font-weight: 500; }
  .upsell-message .upgrade-list {
    display: inline;
    color: #636e84;
    font-size: 16px;
    font-weight: 400; }
  .upsell-message .checklist-icon {
    stroke-width: 1px;
    margin-right: 0.5rem; }
  .upsell-message .close {
    margin-top: -47px;
    margin-right: 47px;
    right: 0;
    position: absolute; }

.upsell-inline {
  width: 100%;
  height: auto;
  padding: 2rem; }
  .upsell-inline .header {
    width: 100%;
    font-weight: 600; }
  .upsell-inline .subheader {
    height: 41px;
    width: 100%;
    color: #636e84;
    font-size: 13px;
    font-weight: 400;
    line-height: 23px; }
  .upsell-inline .upgrade-list {
    display: inline;
    color: #1e2532;
    font-size: 13px;
    font-weight: 400; }

.landing-footer {
  background-color: #1e2532;
  color: white;
  padding: 100px 0; }
  .landing-footer a {
    color: #9aa5b5;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    padding: 10px; }
    .landing-footer a:hover {
      color: #bcccdd; }

.landing-footer__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1258px;
  margin-right: auto;
  margin-left: auto; }

.landing-footer__links {
  margin-bottom: 1rem;
  display: flex;
  align-items: center; }

.landing-footer__copyright {
  font-size: 14px;
  font-weight: 300;
  color: #636e84; }

.landing-footer__logo {
  width: 176px;
  margin-bottom: 1rem; }

@media all and (max-width: 1024px) {
  .landing-footer a {
    font-size: 12px; }
  .landing-footer__copyright {
    font-size: 12px; } }

@media all and (max-width: 768px) {
  .landing-footer {
    padding: 20px 0 100px 0; }
  .landing-footer__links {
    flex-direction: column; }
  .landing-footer__content {
    flex-direction: column-reverse; } }

.member-bonus__card {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; }
  @media all and (max-width: 767px) {
    .member-bonus__card {
      flex-direction: column; } }

.upsell-progress-bar {
  width: 89%;
  height: 26px; }

.member-bonus__img {
  object-fit: contain;
  width: 14%;
  height: auto;
  margin-right: 1rem; }
  @media all and (max-width: 767px) {
    .member-bonus__img {
      width: 50%;
      height: auto;
      max-width: 15rem;
      margin-bottom: 1rem; } }
  @media all and (min-width: 1025px) {
    .member-bonus__img {
      margin: 2rem;
      margin-top: 0; } }

.member-bonus__header {
  display: flex;
  font-family: "Poppins", sans-serif;
  color: #1e2532;
  font-weight: 500;
  flex-direction: row;
  margin: 1rem 0; }
  @media all and (max-width: 767px) {
    .member-bonus__header {
      font-size: 22px;
      line-height: 1.5em;
      flex-direction: column; } }
  @media all and (max-width: 1024px) {
    .member-bonus__header {
      flex-direction: column; } }

.upsell-header {
  font-size: 24px;
  display: flex;
  flex-direction: column; }

.bonus-content {
  display: flex;
  flex-direction: column;
  line-height: 1.75em;
  color: #636e84;
  font-family: Roboto;
  text-align: left;
  font-size: 16px;
  margin-top: -1rem; }

.bonus-content--fine-print {
  margin-top: 1rem;
  font-size: 16px;
  font-weight: 700;
  font-style: italic; }

.upsell-bonus__cards {
  padding: 0 40px; }
  @media all and (max-width: 1024px) {
    .upsell-bonus__cards {
      padding: 0; } }
  @media all and (max-width: 767px) {
    .upsell-bonus__cards {
      padding: 0 20px; } }

.vault-lifetime {
  padding-bottom: 20px;
  max-width: 1258px;
  margin-left: auto;
  margin-right: auto; }
  .vault-lifetime h2 {
    color: #1e2532;
    font-family: "Poppins", sans-serif;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 20px; }
  .vault-lifetime h4 {
    color: #636e84;
    font-family: "Nunito", sans-serif;
    text-align: center; }
  .vault-lifetime p {
    color: #1e2532;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0; }

.vault-lifetime__header--logo {
  padding: 50px 0;
  display: flex;
  justify-content: left; }
  .vault-lifetime__header--logo img {
    width: 150px; }

.vault-lifetime__header--congratulations {
  font-weight: 400;
  font-size: 24px;
  color: #f43b46 !important; }

.vault-lifetime__header--title {
  font-weight: 400;
  font-size: 42px;
  line-height: 1.5em; }

.vault-lifetime__video {
  margin-bottom: 20px; }
  .vault-lifetime__video h2 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5em; }

.vault-lifetime__new-member {
  margin: 30px 0 50px 0;
  color: #1e2532;
  text-align: center;
  font-size: 22px; }

.vault-lifetime__new-member--block {
  margin-top: 10px; }

.vault-lifetime__new-member--price {
  font-size: 30px;
  font-weight: 600; }

.vault-lifetime__join-pro-wrapper {
  display: flex;
  justify-content: space-around; }
  .vault-lifetime__join-pro-wrapper .vault-lifetime__join-pro {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: 1px;
    box-shadow: 0px 3px 15px 0px rgba(54, 192, 77, 0.3);
    padding: 32px 100px;
    width: auto;
    height: auto; }
    .vault-lifetime__join-pro-wrapper .vault-lifetime__join-pro .fl-icon {
      font-size: 18px; }
    .vault-lifetime__join-pro-wrapper .vault-lifetime__join-pro .fl-icon__svg {
      width: 18px;
      height: 18px; }

.vault-lifetime__video-player {
  display: flex;
  align-items: center;
  justify-content: center; }
  .vault-lifetime__video-player .video-player {
    max-width: 950px;
    background: #1e2532;
    border-radius: 12px;
    margin: 30px; }

.vault-lifetime__advantages {
  margin-top: 50px;
  margin-bottom: 30px;
  padding: 0 20px 10px 20px; }
  .vault-lifetime__advantages .vault-lifetime__advantages--become-member {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2em;
    margin: 40px 0 50px 0; }
  .vault-lifetime__advantages .vault-lifetime__advantages--total {
    font-size: 54px;
    line-height: 1; }

.vault-lifetime__advantages--title {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5em;
  max-width: 900px;
  margin: auto; }

.vault-lifetime__advantages--list {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column; }

.vault-lifetime__advantage {
  box-shadow: 0 2px 6px 0 rgba(32, 69, 105, 0.1);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 48px;
  border-radius: 8px;
  max-width: 900px;
  width: 100%;
  margin-bottom: 50px; }
  .vault-lifetime__advantage .vault-lifetime__advantage--header {
    font-size: 24px;
    text-align: left;
    padding: 0;
    margin-bottom: 30px; }
  .vault-lifetime__advantage .vault-lifetime__advantage--text {
    color: #666666;
    font-weight: 400;
    line-height: 1.75em;
    font-size: 18px; }

.vault-lifetime__funnel-hacks {
  padding: 0 20px; }

.vault-lifetime__funnel-hack {
  padding: 10px;
  width: 33%;
  margin-bottom: 50px; }
  .vault-lifetime__funnel-hack h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px; }
  .vault-lifetime__funnel-hack img {
    width: 100%; }
  .vault-lifetime__funnel-hack.empty {
    display: flex;
    align-items: center; }
    .vault-lifetime__funnel-hack.empty h4 {
      color: #2461c2;
      font-size: 16px;
      font-weight: 800;
      line-height: 1.4em; }

.vault-lifetime__divider {
  margin: 30px 20px 50px 20px;
  border-top: 2px solid #e5e5e5; }

.vault-lifetime__act-now {
  margin-top: 40px; }
  .vault-lifetime__act-now h2 {
    padding-bottom: 50px;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2em; }

.vault-lifetime__ps {
  margin-top: 80px;
  padding: 0 30px 40px 30px; }

@media all and (max-width: 1024px) {
  .vault-lifetime__advantage .vault-lifetime__advantage--header {
    font-size: 21px; } }

@media all and (max-width: 768px) {
  .vault-lifetime__header--logo {
    padding: 20px 0;
    justify-content: center; }
    .vault-lifetime__header--logo img {
      width: 50%; }
  .vault-lifetime__header--title {
    font-size: 26px;
    padding: 20px 10px 0 10px;
    margin: 20px 0; }
  .vault-lifetime__video {
    margin-bottom: 0; }
    .vault-lifetime__video .vault-lifetime__watch-video {
      font-size: 17px;
      padding: 0 10px; }
  .vault-lifetime__new-member {
    font-size: 18px;
    padding: 0 10px;
    margin: 20px 0 40px 0; }
  .vault-lifetime__new-member--block {
    margin-top: 15px; }
  .vault-lifetime__video-player .video-player {
    margin: 0 10px 20px 10px; }
  .vault-lifetime__join-pro-wrapper {
    padding: 0 10px; }
    .vault-lifetime__join-pro-wrapper .vault-lifetime__join-pro {
      font-size: 16px;
      padding: 24px;
      width: 100%; }
      .vault-lifetime__join-pro-wrapper .vault-lifetime__join-pro .fl-icon {
        font-size: 16px; }
      .vault-lifetime__join-pro-wrapper .vault-lifetime__join-pro .fl-icon__svg {
        width: 16px;
        height: 16px; }
  .vault-lifetime__advantages {
    padding: 0 10px 10px 10px;
    margin-bottom: 0; }
    .vault-lifetime__advantages .vault-lifetime__advantages--title {
      font-size: 18px;
      text-align: left; }
    .vault-lifetime__advantages .vault-lifetime__advantages--become-member {
      margin: 14px 0 20px 0;
      font-size: 18px; }
  .vault-lifetime__advantage {
    margin-bottom: 30px;
    padding: 20px 32px; }
    .vault-lifetime__advantage .vault-lifetime__advantage--header {
      font-size: 21px;
      margin-bottom: 10px; }
  .vault-lifetime__funnel-hacks {
    padding: 0 10px; }
  .vault-lifetime__funnel-hack {
    width: 100%;
    margin-bottom: 0; }
  .vault-lifetime__divider {
    margin: 30px 10px 50px 10px;
    border-top: 2px solid #e5e5e5; }
  .vault-lifetime__act-now {
    margin-top: 50px; }
    .vault-lifetime__act-now h2 {
      font-size: 18px;
      line-height: 1.2em;
      padding-bottom: 20px; }
  .vault-lifetime__ps {
    text-align: center; }
    .vault-lifetime__ps p {
      font-size: 20px; } }

.vault-explaination {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: white;
  box-shadow: 0 4px 10px rgba(32, 69, 105, 0.1);
  margin: 1rem 0;
  border: 1px solid #009bf3;
  border-radius: 8px;
  width: 100%;
  min-width: 300px; }
  .vault-explaination .vault-icon {
    object-fit: contain;
    height: 100px; }
  .vault-explaination .vault-explaination__title {
    margin: 1rem 0;
    font-size: 20px;
    color: #009bf3; }
  .vault-explaination .fa-check-circle {
    color: #009bf3; }

.vault-explaination__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 2rem;
  padding-bottom: 0;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-align: center; }

.vault-explaination__line-break {
  height: 0.3px;
  width: 100%;
  background: #009bf3; }

.vault-explaination__body-header {
  color: #009bf3;
  margin-bottom: 22px;
  font-family: Roboto;
  font-weight: 500; }

.vault-explanation__list-item {
  margin-bottom: 14px;
  display: flex;
  font-size: 14px; }
  .vault-explanation__list-item i {
    margin-right: 10px;
    margin-top: 4px; }

.vault-explaination__body {
  padding: 2rem;
  padding-top: 1rem;
  color: #636e84;
  display: flex;
  flex-direction: column; }

.vault-explaination__body--mobile {
  width: 100%;
  display: flex;
  justify-content: space-between; }

@media all and (max-width: 767px) {
  .vault-list-checkout--mobile {
    height: 0;
    overflow: hidden; } }

.vault-list-checkout--mobile-show {
  height: 100%;
  overflow: visible; }

.vault-list-checkout--mobile-hide {
  height: 0;
  overflow: hidden; }

.vault-explaination__included-row {
  display: flex;
  justify-content: space-between; }

.vault-explaination__expand {
  color: black;
  display: none;
  user-select: none;
  padding: 20px;
  margin: -20px;
  cursor: pointer; }
  @media all and (max-width: 767px) {
    .vault-explaination__expand {
      display: inline; } }

.checkout__main-cards {
  display: flex;
  flex-direction: column; }
  .checkout__main-cards.checkout__main-cards--alternative-order .checkout__card--payment-information {
    order: -5; }
  .checkout__main-cards.checkout__main-cards--alternative-order .checkout__card--add-ons {
    order: -4; }
  .checkout__main-cards.checkout__main-cards--alternative-order .checkout__card--summary {
    order: -3; }

.plan-selector {
  display: flex;
  margin-top: 32px; }

.plan-selector--slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  outline: none;
  background: #d8dde6;
  border-radius: 2px; }
  .plan-selector--slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: white;
    cursor: pointer;
    border: 3px solid #009bf3; }

.plan-info--box {
  position: relative;
  width: 50%;
  font-family: "Poppins", sans-serif;
  font-size: 14px; }
  @media all and (max-width: 1024px) {
    .plan-info--box {
      width: 100%; } }

.plan-info--box-title {
  color: #1e2532;
  text-transform: uppercase;
  margin-bottom: 10px; }

.plan-info--box-description {
  color: #636e84;
  margin-bottom: 20px; }

.pro-plan-selector--box-wrapper {
  width: 50%; }
  .pro-plan-selector--box-wrapper .plan-selector--box {
    width: 100%; }
  .pro-plan-selector--box-wrapper .book-demo {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin: 1rem 12px 0 12px; }
    .pro-plan-selector--box-wrapper .book-demo a:hover {
      color: white; }
    .pro-plan-selector--box-wrapper .book-demo .plan-info--box {
      width: 100%; }

.pricing-tiers__wrapper {
  margin: 0 auto; }

.pricing-tiers {
  background: #f0f2f7;
  width: 50%;
  padding: 2.5rem;
  text-align: center;
  border-radius: 6px;
  max-width: 370px; }
  .pricing-tiers p {
    color: #4a5468;
    font-size: 14px;
    max-width: 400px; }
  .pricing-tiers .pricing-tiers__current-tier {
    color: #4a5468;
    font-size: 16px;
    margin-top: 11px; }
  .pricing-tiers .pricing-tiers__select .fl-input-fit {
    width: 255px;
    font-size: 16px;
    color: #636e84;
    height: 40px;
    padding: 12px; }
  .pricing-tiers .pricing-tiers__select--options {
    font-size: 14px;
    box-shadow: 0 0 6px rgba(49, 57, 75, 0.25);
    background: #ffffff;
    border-radius: 4px;
    min-width: 255px; }
    .pricing-tiers .pricing-tiers__select--options .pricing-tiers__select--option {
      cursor: pointer;
      padding: 10px 10px; }
      .pricing-tiers .pricing-tiers__select--options .pricing-tiers__select--option:nth-child(odd) {
        background: #fbfbfe; }

.plan-additional-info {
  font-size: 12px;
  color: #9aa5b5;
  margin-bottom: 22px; }

.plan-selector--box {
  position: relative;
  width: 50%;
  border: 0;
  border-radius: 4px;
  padding: 64px 0 32px 0;
  text-align: center;
  user-select: none;
  box-sizing: border-box; }
  .plan-selector--box.plan-selector--box--monthly {
    display: none; }
  .plan-selector--box:nth-child(1)::after {
    content: 'Most Popular';
    text-transform: uppercase;
    background: #9aa5b6;
    border-radius: 0px 0px 2px 2px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-family: "Nunito", sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 7px;
    display: none; }
  .plan-selector--box.plan-selector--box--no-tag:nth-child(1)::after {
    display: none; }

.plan-selector--box-subtitle {
  text-transform: uppercase;
  color: #9aa5b5;
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: bold; }

.plan-selector--box-divider {
  width: 26px; }

.plan-selector--box-active {
  border: 0;
  box-shadow: 0 2px 6px rgba(0, 155, 243, 0.1);
  padding: 63px 0 31px 0; }
  .plan-selector--box-active::after {
    background: #009bf3 !important; }

.plan-selector--box-checkbox {
  display: none; }

.plan-selector--box-title {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
  color: #009bf3;
  margin-bottom: 18px; }

.plan-selector--box-price {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.02em;
  color: #0f151f; }

.plan-selector--box-price-large {
  font-size: 42px; }

.plan-selector--box-savings {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: #9aa5b6;
  border-radius: 100px;
  color: white;
  padding: 4px 10px; }

.plan-selector--box-savings-primary {
  display: none;
  background: #4ad260; }

.plan-selector--box-disclaimer {
  letter-spacing: 0.02em;
  color: #9aa5b6;
  margin-top: 18px; }

@media all and (max-width: 1216px) {
  .plan-selector {
    flex-direction: column; }
  .plan-selector--box-divider {
    width: 100%;
    height: 26px; }
  .pro-plan-selector--box-wrapper,
  .plan-selector--box {
    width: 100%; } }

.checkout-form__input-row {
  display: flex; }
  @media all and (max-width: 767px) {
    .checkout-form__input-row {
      flex-direction: column; }
      .checkout-form__input-row label {
        font-size: 12px;
        margin-top: 10px; } }
  @media all and (min-width: 1024px) {
    .checkout-form__input-row {
      flex-direction: row; } }

/* Checkout in modal (Start) */
.subscription-modal__title {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  text-align: center;
  margin-bottom: 36px; }

.subscription-modal__description {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #636e84;
  margin-top: 16px;
  width: 75%;
  margin-left: 50%;
  transform: translateX(-50%); }

.subscription-modal__inner {
  margin: 0 -40px -56px -40px;
  border-top: 1px solid #d8dde6;
  padding: 45px;
  font-family: "Poppins", sans-serif;
  box-shadow: inset 0 5px 10px -6px #d8dde6; }

.subscription-modal__inner__invoice-item {
  color: #009bf3; }

.subscription-modal__inner__invoice-price {
  color: #9aa5b5; }

.subscription-modal__inner__total-label {
  color: #76859c; }

.subscription-modal__inner__total-price {
  color: #1e2532; }

/* Checkout in modal (End) */
.vault-upsell__header {
  padding-bottom: 0; }

.vault-upsell__header--mobile {
  display: none;
  margin-left: 1.5rem; }
  @media all and (max-width: 1024px) {
    .vault-upsell__header--mobile {
      display: block; } }

.vault-upsell__header--desktop {
  display: inline; }
  @media all and (max-width: 1024px) {
    .vault-upsell__header--desktop {
      display: none; } }

.checkout-form__product-summary-header {
  display: flex;
  justify-content: space-between; }
  @media all and (max-width: 767px) {
    .checkout-form__product-summary-header {
      font-size: 12px;
      color: #9aa5b5; } }

.confirmation-page--action-button-container {
  margin: 0 auto;
  max-width: 540px; }

.sales-logo-container {
  display: flex;
  justify-content: center; }

.sales-logo {
  object-fit: contain;
  width: 160px;
  margin-bottom: 2rem; }

@media all and (max-width: 767px) {
  .sales-logo-container,
  .sales-logo {
    display: none; } }

.checkout-form__product-total {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  justify-content: space-between; }

.upsell-checkbox {
  user-select: none;
  margin-right: 12px;
  position: relative;
  bottom: -4px; }
  @media all and (max-width: 1024px) {
    .upsell-checkbox {
      display: none; } }

.upsell-checkbox--input {
  display: none; }
  .upsell-checkbox--input:checked ~ .upsell-checkbox--inner:after {
    content: '';
    position: absolute;
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    background: #ff7448;
    border-radius: 4px; }

.upsell-checkbox--inner {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ff7448;
  border-radius: 4px; }

.vault-upsell__title {
  display: flex;
  width: 100%; }

.upsell-offer__price {
  margin-left: auto;
  padding-right: 25px;
  font-size: 24px;
  position: relative;
  top: -4px;
  white-space: nowrap; }
  @media all and (max-width: 1024px) {
    .upsell-offer__price {
      padding-right: 25px;
      padding-left: 25px; } }

.upsell-offer__content {
  color: #636e84;
  font-size: 16px;
  line-height: 28px;
  margin-right: 1rem;
  padding: 1.5rem 0;
  padding-top: 14px;
  padding-right: 25%; }
  @media all and (max-width: 1024px) {
    .upsell-offer__content {
      padding-right: 0; } }

.upsell-one-time-offer {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-left: 1.5rem; }

.vault-check {
  margin-top: 2px;
  margin-right: 10px;
  transform: scale(1.1);
  zoom: 1.1; }

.vault-upsell {
  border-radius: 4px;
  border: 1px solid #ff7448;
  box-shadow: 0px 2px 8px rgba(0, 155, 243, 0.2);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 1.5rem;
  cursor: pointer;
  user-select: none; }
  .vault-upsell:hover {
    box-shadow: 0 4px 10px rgba(32, 69, 105, 0.1); }
  @media all and (max-width: 1024px) {
    .vault-upsell {
      flex-direction: column;
      border-color: #ff7448; } }

.vault-upsell--ignite-templates {
  border-color: #ff7448; }
  .vault-upsell--ignite-templates:nth-child(n + 2) {
    margin-top: 28px; }

@media all and (max-width: 1024px) {
  .vault-check--desktop {
    display: none; } }

.vault-check--mobile {
  display: none;
  width: 100%; }
  @media all and (max-width: 1024px) {
    .vault-check--mobile {
      display: flex;
      border-top: 1px solid #4ad260;
      padding: 1.5rem;
      font-size: 14px;
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      border-color: #ff7448; } }

.vault-check--ignite-templates--mobile {
  border-color: #ff7448; }

@media all and (max-width: 1024px) {
  .vault-upsell__title {
    color: #ff7448; }
  .vault-upsell__title--ignite-templates {
    color: #ff7448; } }

.vault-upsell__checkbox-row {
  display: flex;
  font-family: Poppins;
  font-weight: 500;
  font-size: 18px;
  flex-direction: row; }

.sales-page__explaination--desktop {
  display: block; }
  @media all and (max-width: 767px) {
    .sales-page__explaination--desktop {
      display: none; } }

.sales-page__explaination--mobile {
  display: none; }
  @media all and (max-width: 767px) {
    .sales-page__explaination--mobile {
      display: block; } }

.sales-page__footer {
  height: 82px;
  font-size: 14px;
  color: #636e84;
  text-align: center;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem; }
  @media all and (max-width: 767px) {
    .sales-page__footer {
      height: 180px;
      padding: 2rem;
      flex-direction: column; } }

@media all and (max-width: 767px) {
  .sales-page__footer-copyright {
    margin-bottom: 12px; } }

.sales-logo--footer {
  display: none;
  object-fit: contain;
  width: 160px;
  margin-bottom: 2rem; }
  @media all and (max-width: 767px) {
    .sales-logo--footer {
      display: inline; } }

.plan-selector__project-plan-links {
  margin-top: 1rem;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  display: flex;
  justify-content: space-between;
  color: #636e84; }

.plan-selector__project-plan-links--bold {
  font-weight: 500;
  color: black; }

.forecast-kpi {
  padding: 2rem; }
  .forecast-kpi table,
  .forecast-kpi th,
  .forecast-kpi td {
    border: 1px solid black;
    border-collapse: collapse; }
  .forecast-kpi th,
  .forecast-kpi td {
    padding: 5px;
    text-align: left; }

.forecast-kpi__title {
  font-size: 2rem;
  margin-bottom: 2rem; }

.forecast-kpi__data {
  display: flex; }

.forecast-kpi__information {
  display: flex;
  align-items: center; }

.forecast-kpi__section {
  display: flex;
  flex-direction: column;
  margin-right: 1rem; }

.forecast-kpi__data-header {
  font-size: 12px; }

.forecast-kpi__block {
  margin-bottom: 2rem; }

.forecast-kpi__img {
  margin-right: 1rem;
  max-width: 2rem;
  object-fit: contain; }

.forecast-kpi__upstream-section {
  display: flex;
  align-items: center; }

.fl-alert {
  width: 100%;
  font-weight: 500;
  font-size: 12px;
  color: #636e84;
  display: flex;
  padding: 0.75rem;
  padding-bottom: 0.75rem;
  border-radius: 5px;
  align-items: center; }

.fl-alert__icon {
  height: 2rem;
  width: 2rem;
  font-size: 2rem;
  position: relative;
  overflow: initial;
  margin-top: 4px; }

.fl-alert__header {
  font-weight: 500; }

.fl-alert--large {
  font-size: 1rem;
  padding: 1rem; }

.fl-alert--success {
  border: 1px solid #4ad260;
  background-color: #9ddba0; }

.fl-alert--warning {
  border: 1px solid #fdaf11; }

.fl-alert--error {
  border: 1px solid #fdaf11; }

.fl-alert--info {
  border: 1px solid #009bf3; }

.fl-alert__message {
  display: block;
  margin-bottom: 0; }

.fl-alert__list {
  margin-bottom: 0; }

.fl-alert__message--header {
  font-weight: bold; }

.segmentation-survey {
  margin: auto;
  width: 100%;
  font-family: "Poppins", sans-serif; }

@media all and (min-width: 768px) {
  .segmentation-survey {
    width: 540px; } }

.segmentation__header {
  font-weight: 500;
  font-size: 22px;
  line-height: 33px;
  text-align: center;
  margin-bottom: 16px; }

.segmentation-survey_buttons {
  margin-top: 32px;
  display: flex;
  flex-direction: row-reverse; }

.segmentation-survey__btn {
  font-weight: bold;
  font-size: 16px; }

.segmentation-survey__select .fl-dropdown-button .fl-dropdown-button__input-wrapper .fl-input-fit {
  padding: 1rem;
  height: 3rem;
  font-weight: bold;
  color: #4a5468;
  font-size: 13px; }

.segmentation-survey__select .fl-dropdown-button .fl-dropdown-button__content-wrapper .fl-dropdown-button__content {
  top: 0;
  width: 100%; }

.segmentation__logo-wrapper {
  display: flex;
  justify-content: center;
  margin: 100px 0; }

.segmentation__logo {
  height: 32px; }

.segmentation__slider {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 32px; }

.segmentation__slider--dot {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin: 0 5px;
  background: #636e84; }
  .segmentation__slider--dot.active {
    background: #009bf3; }

.segmentation-survey__select-options {
  background: #ffffff;
  border: 1px solid #d8dde6;
  border-radius: 4px;
  max-height: 240px;
  overflow-y: auto; }
  .segmentation-survey__select-options .segmentation-survey__select-option {
    padding: 16px;
    color: #4a5468;
    font-size: 13px;
    cursor: pointer; }
    .segmentation-survey__select-options .segmentation-survey__select-option.selected {
      font-weight: bold; }
    .segmentation-survey__select-options .segmentation-survey__select-option:hover {
      background: #f7f8fb; }

.segmentation-survey__chips {
  text-align: center;
  padding: 16px 0; }

.segmentation-survey__chip {
  background: #f0f2f7;
  color: #4a5468;
  margin: 6px;
  padding: 6px 16px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer; }
  .segmentation-survey__chip.checked {
    color: #fff;
    background: #009bf3; }
  .segmentation-survey__chip input {
    display: none; }

.script__link-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 14px;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding-top: 1rem; }

.script__instruction {
  margin-bottom: 0.5rem; }

.script__instruction--green {
  color: #4ad260; }

.script__large-modal {
  overflow: visible;
  padding: 0;
  width: 58rem;
  margin: auto; }

.script__outside-close {
  color: white;
  opacity: 1;
  position: absolute;
  width: 4rem;
  right: 12rem;
  margin-bottom: auto;
  margin-right: -16rem;
  top: 1rem; }

.script__remove-domain {
  font-size: 12px;
  margin-right: 10px;
  cursor: pointer; }

.script__success-video {
  height: 36rem; }

.script__introduction {
  margin-bottom: 1rem;
  color: #1e2532;
  font-size: 14px; }

.script__help-header {
  font-size: 13px;
  text-align: center;
  margin-bottom: 14px; }

.script__link-container-left {
  width: 100%;
  margin-right: 2rem; }

.script__link {
  padding: 5px; }

.script__link-container-left-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem; }

.script__links {
  text-align: center;
  margin-bottom: 1rem; }

.script__chip-container {
  width: 18%; }

.script__found-urls-container {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between; }

.script__found-urls-container--column {
  display: flex;
  flex-direction: column; }

.script__found-domains {
  margin-bottom: 1rem; }

.script__found-urls {
  display: flex;
  font-size: 1rem;
  align-items: center;
  margin-bottom: 10px; }

.script__found-urls--row {
  justify-content: space-between; }

.script__found-urls-header {
  margin-bottom: 0.5rem; }

.script__add-btn {
  color: #009bf3;
  border-radius: 4px;
  height: 32px;
  border: 1px solid #009bf3;
  width: 32px;
  padding-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  cursor: pointer;
  margin-right: 1rem; }

.script__add-domain {
  color: #009bf3;
  border-radius: 4px;
  border: 1px solid #009bf3;
  margin-left: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  cursor: pointer; }

.script__whitelist-all {
  font-size: 14px;
  margin-top: 1rem;
  color: #009bf3;
  background: white;
  border: 1px solid #009bf3; }
  .script__whitelist-all:hover {
    color: #009bf3; }

.script__button-row {
  display: flex;
  justify-content: flex-end; }

.script__add-domain-container {
  display: flex;
  align-items: baseline;
  flex-direction: column; }

.script__add-domain-container__input-wrapper {
  margin: 0 auto 1rem auto; }

.script__input-domain {
  background: #ffffff;
  font-family: Roboto;
  padding: 9px 18px;
  border: 1px solid #d8dde6;
  border-radius: 4px;
  margin-bottom: 1rem;
  margin-right: 1rem; }

.script__verification-in-progress {
  font-size: 14px;
  display: flex;
  box-sizing: content-box;
  cursor: wait;
  animation: rotation 2s infinite linear; }

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.script__copy-script {
  font-size: 16px; }

.script__invisible-script {
  height: 0px;
  opacity: 0;
  display: none; }

.script__step-2-button-row {
  display: flex;
  justify-content: space-between;
  width: 100%; }

.script__found-urls-remove-title-block {
  display: flex;
  align-items: center; }

.script__verification-layout {
  width: 53rem;
  margin: auto;
  margin-top: 5rem; }

.script__bypass {
  width: 100%;
  text-align: center;
  display: block;
  margin-top: 1rem; }

.fl-tooltip__container {
  position: absolute;
  margin: auto;
  display: contents; }
  .fl-tooltip__container:hover .fl-tooltip__chevron,
  .fl-tooltip__container:hover .fl-tooltip__pop-over {
    display: block; }

.fl-tooltip__pop-over {
  display: none;
  margin: auto;
  font-size: 14px;
  border-color: #333 transparent;
  border-width: 10px 10px 10px 10px;
  position: absolute;
  color: white;
  border-radius: 5px;
  margin-left: calc(10px - 27%);
  margin-top: calc(-15%);
  font-size: 12px;
  padding: 17px;
  width: 13rem;
  background: #333;
  background: rgba(0, 0, 0, 0.8); }

.fl-tooltip__pop-over--chevron:before {
  content: '';
  position: absolute;
  border-width: 10px;
  border-style: solid;
  top: 0;
  transform: rotate(180deg);
  left: 40px;
  margin-top: -20px;
  border-color: #333 transparent transparent transparent; }

.fl-tooltip__pop-over--bottom {
  margin-left: -2rem;
  margin-top: 4rem; }

.fl-tooltip__pop-over--top {
  bottom: calc(100% + 24px);
  margin-left: 0; }
  .fl-tooltip__pop-over--top:before {
    transform: none;
    bottom: -20px;
    top: initial; }

.fl-tooltip--small .fl-tooltip__title {
  white-space: nowrap; }

.fl-tooltip--small .fl-tooltip__chevron,
.fl-tooltip--small .fl-tooltip__chevron:before,
.fl-tooltip--small .fl-tooltip__chevron:after {
  width: 0.5rem;
  height: 0.5rem; }

.fl-tooltip--small .fl-tooltip__chevron {
  display: none;
  position: absolute;
  top: calc(50% - 2px);
  left: calc(100% + 10px);
  background-color: #171d27;
  border-top-right-radius: 30%; }
  .fl-tooltip--small .fl-tooltip__chevron:before, .fl-tooltip--small .fl-tooltip__chevron:after {
    content: '';
    position: absolute;
    background-color: inherit; }
  .fl-tooltip--small .fl-tooltip__chevron:before {
    border-top-right-radius: 30%;
    transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); }
  .fl-tooltip--small .fl-tooltip__chevron:after {
    border-top-right-radius: 80%;
    transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); }

.fl-tooltip--small .fl-tooltip__pop-over {
  font-size: 9px;
  font-weight: 500;
  padding: 10px;
  width: auto;
  color: #9aa5b5;
  background: #171d27;
  box-shadow: 0 0 6px rgba(49, 57, 75, 0.25); }

.fl-tooltip--small .fl-tooltip__chevron--left {
  transform: rotate(90deg) skewX(-30deg) scale(1, 0.866); }

.fl-tooltip--small .fl-tooltip__pop-over--left {
  top: calc(50% - 9px);
  left: calc(100% + 18px); }

.fl-tooltip--small .fl-tooltip__pop-over--bottom {
  min-width: 100%;
  bottom: calc(100% + 18px);
  margin: 0; }

.fl-tooltip--small .fl-tooltip__chevron--top {
  transform: rotate(180deg) skewX(-30deg) scale(1, 0.866);
  top: calc(100% + 9px);
  left: calc(50% - 7px); }

.fl-tooltip--small .fl-tooltip__chevron--bottom {
  transform: rotate(0deg) skewX(-30deg) scale(1, 0.866);
  top: calc(-100% + 28px);
  left: calc(50% - 3px); }

.fl-tooltip--small .fl-tooltip__pop-over--top {
  min-width: 100%;
  top: calc(100% + 22px);
  bottom: initial; }

.fl-tooltip--small .fl-tooltip__pop-over--chevron:before {
  display: none; }

.fl-tooltip__close {
  margin-right: 10px;
  cursor: pointer; }

.fl-tooltip__linebreak {
  border-top: 0.5px solid white;
  margin: 10px 0;
  border: 0.5px solid white; }

.fl-tooltip__top-row {
  display: flex; }

.fl-tooltip--zero-right {
  margin-left: 0; }

.fl-dashboard-area {
  display: grid;
  grid-template-rows: 4rem 1fr;
  justify-content: center;
  overflow: hidden;
  height: 100vh;
  position: fixed;
  background-color: #f0f2f7; }

.fl-dashboard-area-v2 {
  display: flex;
  overflow-x: hidden;
  height: 100vh;
  width: 101vw;
  position: fixed;
  background-color: #f0f2f7; }

.dashboard-panel {
  position: fixed;
  background-color: #1e2532;
  width: 16.7rem; }

@media (max-device-width: 768px) {
  .dashboard-panel {
    position: fixed;
    background-color: #1e2532;
    width: 5.7rem;
    font-size: 4px; } }

.dashboard-panel--toggleable {
  transform: translate3d(-100%, 0, 0); }
  .dashboard-panel--toggleable.dashboard-panel--visible {
    transform: translate3d(0%, 0, 0);
    z-index: 3; }

.dashboard-panel--animating {
  transition: transform 0.15s ease-out; }
  .dashboard-panel--animating.dashboard-panel--visible {
    transition: transform 0.15s ease-in; }

.dashboard-content {
  background-color: #f0f2f7;
  grid-column: 2;
  grid-row: 2;
  width: 100vw;
  display: grid; }

.nav-shadow {
  box-shadow: 0 3px 6px rgba(99, 110, 132, 0.1); }

.dashboard-logo {
  height: 4rem;
  width: 4rem; }

.dashboard-logo-spacer-v2 {
  height: 4rem;
  width: 4rem;
  margin-left: 2rem; }

.dashboard-logo-v2 {
  height: 2.2rem;
  width: 2.2rem;
  margin-top: 0.9rem; }

.panel-list-header {
  font-size: 0.875rem;
  letter-spacing: 0.1rem;
  font-weight: 500;
  padding: 0.5rem 0.8rem; }

.panel-list-create-project {
  cursor: pointer;
  user-select: none;
  font-size: 0.875rem;
  letter-spacing: 0.1rem;
  font-weight: 500;
  height: 4.06rem;
  padding: 1.47rem 1.5rem;
  /**
   * Normalize for use with <button> or <a>
   */
  display: block;
  width: 100%;
  text-align: left;
  background-color: transparent;
  border: none;
  color: #009bf3 !important; }

.panel-list-item {
  width: 100%;
  font-size: 0.875rem;
  color: white;
  display: flex;
  justify-content: space-between;
  padding: 15px 6px 5px 12px;
  height: 48px;
  vertical-align: middle;
  transition: all 0.15s ease-in-out;
  margin: 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
  border: none;
  text-align: left; }
  .panel-list-item:hover {
    background-color: #171e2a;
    color: white; }
  .panel-list-item.active {
    background-color: #009bf3;
    color: white; }
    .panel-list-item.active:hover {
      background-color: #009bf3;
      color: white; }
    .panel-list-item.active .panel--locked-icon {
      color: white; }
  .panel-list-item .project-list-title {
    display: inline-block;
    width: 12rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .panel-list-item .panel-icon {
    position: relative;
    font-size: 1.5rem;
    color: #009bf3; }

.panel-list-item--expanded {
  height: auto;
  padding: 15px; }

.panel--locked-icon {
  position: relative;
  font-size: 15px;
  color: #009bf3;
  margin-top: -13px;
  margin-right: 10px; }

.funnel--locked-icon {
  font-size: 18px;
  margin-top: 2px;
  margin-right: 8px; }

.active .panel-icon {
  color: white; }

@media (max-device-width: 768px) {
  .panel-list-item {
    height: 4rem; } }

.fl-list {
  list-style-type: none; }

.fl-ul {
  list-style: none;
  text-decoration: none;
  padding-left: 0; }

.fl-list-chevron {
  margin-left: 14rem;
  margin-top: -3.95rem; }
  .fl-list-chevron.settings {
    margin-top: -3.55rem; }

.fl-banner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }

.dashboard-hero {
  padding: 1.5rem;
  height: 13rem;
  color: white;
  text-align: center;
  display: flex; }

.dashboard-hero-title {
  color: #ffffff;
  font-size: 2rem;
  letter-spacing: 1.4px;
  font-weight: 200; }

.dashboard-hero-subtitle {
  color: #f0f2f7;
  font-family: Roboto;
  font-size: 1.1rem;
  font-weight: 300;
  letter-spacing: 0.36px;
  line-height: 2rem; }

.icon-dashboard-checkmark {
  stroke-width: 1px;
  margin-right: 1rem; }

.dropdown-content {
  display: none;
  position: absolute;
  margin-top: 1rem;
  margin-right: 3rem;
  border-radius: 4px;
  width: 179px;
  box-shadow: 0 3px 6px rgba(99, 110, 132, 0.1);
  border: 1px solid #d8dde6;
  background-color: #ffffff; }

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block; }
  .dropdown-content a.logout-link {
    padding: 7px 14px;
    margin-bottom: 6px; }
  .dropdown-content a.link {
    color: white;
    text-align: center; }
    .dropdown-content a.link:hover {
      color: #33b5fe; }

.dropdown-content-v2 {
  display: none;
  position: absolute;
  margin-top: 1rem;
  margin-right: 3rem;
  border-radius: 4px;
  width: 179px;
  box-shadow: 0 3px 6px rgba(99, 110, 132, 0.1);
  border: 1px solid #d8dde6;
  background-color: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }

.dropdown-content-v2 a {
  color: #4a5468;
  font-family: 'Roboto', sans-serif;
  display: block; }
  .dropdown-content-v2 a.text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1rem;
    margin: 1.1rem 0 0 1.5rem;
    text-decoration: none; }
  .dropdown-content-v2 a.first-link {
    margin-top: 0.9rem; }
  .dropdown-content-v2 a.last-link {
    margin-bottom: 1rem; }
  .dropdown-content-v2 a:hover {
    color: #33b5fe; }

.dropdown-arrow {
  width: 0;
  height: 0;
  top: -8px;
  left: 8rem;
  position: relative;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #d8dde6; }

.fl-alert-danger {
  border-radius: 5px;
  padding: 0.5rem;
  background-color: red;
  text-align: center;
  font-weight: 200;
  border: 0.5px solid red;
  color: white;
  margin-bottom: 1rem; }

.user-avatar-letter {
  height: 34px;
  width: 34px;
  min-width: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  color: white;
  border-radius: 100px; }
  .user-avatar-letter:nth-of-type(odd) {
    background-color: red; }
  .user-avatar-letter:nth-of-type(odd) {
    background-color: #009bf3; }

.tracking-settings__dropdown-input, .all-steps-list__search {
  color: #9aa5b5;
  padding: 0.75rem;
  border-bottom: 1px solid #d6dee6; }
  .tracking-settings__dropdown-input svg, .all-steps-list__search svg {
    fill: currentColor;
    width: 0.75rem;
    height: 0.75rem; }

.tracking-settings__dropdown-input-field, .all-steps-list__search-field {
  padding-left: 0.75rem;
  border: none;
  outline: none; }

body #app .work .edit-panel,
html #app .work .edit-panel, .analytics-panel__content_wrapper {
  height: calc(100vh - 100px);
  background: white;
  position: absolute;
  top: 64px;
  z-index: 60;
  transition: 0.15s right ease-in-out;
  overflow-y: scroll;
  width: 350px;
  right: -350px; }
  body #app .work .edit-panel .wrapper, html #app .work .edit-panel .wrapper, .analytics-panel__content_wrapper .wrapper {
    height: 100%; }
  body #app .work .notes-panel.edit-panel,
  html #app .work .notes-panel.edit-panel, .notes-panel.analytics-panel__content_wrapper {
    width: 550px;
    transition: 0.4s all ease-in-out; }
    body #app .work .notes-panel.expanded.edit-panel,
    html #app .work .notes-panel.expanded.edit-panel, .notes-panel.expanded.analytics-panel__content_wrapper {
      width: 950px; }
    body #app .work .notes-panel.quill-area.edit-panel,
    html #app .work .notes-panel.quill-area.edit-panel, .notes-panel.quill-area.analytics-panel__content_wrapper {
      height: 575px; }
  body #app .work .shown.edit-panel,
  html #app .work .shown.edit-panel, .shown.analytics-panel__content_wrapper {
    right: 0;
    box-shadow: -1px 4px 20px #4c4c4c38; }

.context-menu__explorer-item-icon, .tracking-settings__option-icon {
  border-radius: 4px;
  width: 1rem;
  height: 1rem; }

body,
html {
  margin: 0;
  height: 100%; }
  body #app,
  html #app {
    height: calc(100vh - 48px);
    position: relative;
    overflow: hidden;
    user-select: none; }
    body #app .load-block,
    html #app .load-block {
      z-index: 1000;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin-top: 40px; }
      body #app .load-block.kpi,
      html #app .load-block.kpi {
        margin-top: 10px; }
      body #app .load-block h2,
      html #app .load-block h2 {
        color: #313a4b;
        margin-bottom: 20px; }
      body #app .load-block .dots,
      html #app .load-block .dots {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row; }

@keyframes dots {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  60% {
    opacity: 1; }
  100% {
    opacity: 0; } }
        body #app .load-block .dots .dot,
        html #app .load-block .dots .dot {
          width: 15px;
          height: 15px;
          margin: 10px;
          background: #249ecf;
          border-radius: 8px;
          margin: 0.25rem;
          opacity: 0;
          animation: dots 2.5s ease-in-out infinite; }
          body #app .load-block .dots .dot.kpi,
          html #app .load-block .dots .dot.kpi {
            width: 3px;
            height: 3px; }
          body #app .load-block .dots .dot:nth-child(1),
          html #app .load-block .dots .dot:nth-child(1) {
            animation-delay: 0.2s; }
          body #app .load-block .dots .dot:nth-child(2),
          html #app .load-block .dots .dot:nth-child(2) {
            animation-delay: 0.4s; }
          body #app .load-block .dots .dot:nth-child(3),
          html #app .load-block .dots .dot:nth-child(3) {
            animation-delay: 0.6s; }
    body #app .button,
    html #app .button {
      display: block;
      border: 1px solid #565b5d;
      color: #565b5d;
      height: 60px;
      line-height: 60px;
      font-size: 16px;
      letter-spacing: 1px;
      text-align: center;
      width: 100%;
      cursor: pointer;
      transition: 0.1s all ease-in-out;
      user-select: none; }
      body #app .button[disabled],
      html #app .button[disabled] {
        cursor: default; }
      body #app .button:hover,
      html #app .button:hover {
        text-decoration: none;
        color: #249ecf;
        border-color: #249ecf; }
      body #app .button.half,
      html #app .button.half {
        display: inline-block;
        width: calc(50% - 10px); }
        body #app .button.half:nth-child(n + 2),
        html #app .button.half:nth-child(n + 2) {
          margin-left: 10px; }
      body #app .button.active,
      html #app .button.active {
        background: #249ecf;
        border-color: #249ecf;
        color: white; }
        body #app .button.active:hover,
        html #app .button.active:hover {
          color: white; }
    body #app .analytics-sidebar,
    html #app .analytics-sidebar {
      width: 100px;
      height: 100px; }
    body #app .sidebar,
    html #app .sidebar {
      overflow: visible;
      width: 64px;
      z-index: 99;
      float: left;
      position: relative; }
      body #app .sidebar .wrapper,
      html #app .sidebar .wrapper {
        overflow-y: scroll;
        overflow-x: hidden;
        width: 64px;
        height: 100vh;
        position: relative;
        z-index: 99;
        padding-bottom: 2rem;
        background-color: #1e2532; }
        body #app .sidebar .wrapper::-webkit-scrollbar,
        html #app .sidebar .wrapper::-webkit-scrollbar {
          width: 0;
          background: transparent; }
        body #app .sidebar .wrapper #filter,
        html #app .sidebar .wrapper #filter {
          width: 100%;
          margin: 0 auto;
          color: white;
          position: relative; }
          body #app .sidebar .wrapper #filter .display,
          html #app .sidebar .wrapper #filter .display {
            display: block; }
            body #app .sidebar .wrapper #filter .display .icon,
            html #app .sidebar .wrapper #filter .display .icon {
              position: absolute;
              right: 25px;
              top: 50%;
              transform: translateY(-50%) rotate(0deg);
              transition: 0.2s all ease-in-out; }
            body #app .sidebar .wrapper #filter .display.active,
            html #app .sidebar .wrapper #filter .display.active {
              background: transparent;
              color: #249ecf; }
              body #app .sidebar .wrapper #filter .display.active .icon,
              html #app .sidebar .wrapper #filter .display.active .icon {
                transform: translateY(-50%) rotate(180deg); }
          body #app .sidebar .wrapper #filter .options,
          html #app .sidebar .wrapper #filter .options {
            position: absolute;
            width: 100%;
            border: 1px solid #565b5d;
            border-top: none;
            box-sizing: border-box;
            background: #2c3235;
            transition: 0.5s all ease-in-out;
            box-sizing: border-box; }
            body #app .sidebar .wrapper #filter .options.custom,
            html #app .sidebar .wrapper #filter .options.custom {
              border-right: none; }
            body #app .sidebar .wrapper #filter .options .list .button,
            html #app .sidebar .wrapper #filter .options .list .button {
              border: none; }
              body #app .sidebar .wrapper #filter .options .list .button.active,
              html #app .sidebar .wrapper #filter .options .list .button.active {
                background: transparent;
                border: none;
                color: #249ecf; }
            body #app .sidebar .wrapper #filter .options .custom,
            html #app .sidebar .wrapper #filter .options .custom {
              position: absolute;
              top: 0;
              left: 100%;
              width: 100%;
              height: 100%;
              background: #565b5d;
              box-sizing: content-box;
              box-shadow: inset 5px 0 20px -5px #2c3235;
              z-index: 99;
              border-bottom: 1px solid #565b5d; }
              body #app .sidebar .wrapper #filter .options .custom .calendar,
              html #app .sidebar .wrapper #filter .options .custom .calendar {
                position: absolute;
                top: 50%;
                left: calc(50% - 1px);
                transform: translateX(-50%) translateY(-50%); }
        body #app .sidebar .wrapper .section,
        html #app .sidebar .wrapper .section {
          text-align: center;
          margin-top: 25px; }
          body #app .sidebar .wrapper .section .toggle,
          html #app .sidebar .wrapper .section .toggle {
            font-size: 32px;
            color: #858889;
            padding: 0.75rem 1rem;
            cursor: pointer;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center; }
            body #app .sidebar .wrapper .section .toggle.active,
            html #app .sidebar .wrapper .section .toggle.active {
              background-color: #353943;
              border-radius: 5%;
              transition: all 0.5s ease-in-out; }
            body #app .sidebar .wrapper .section .toggle img,
            html #app .sidebar .wrapper .section .toggle img {
              width: 100%;
              margin-bottom: 0.5rem; }
            body #app .sidebar .wrapper .section .toggle:hover,
            html #app .sidebar .wrapper .section .toggle:hover {
              color: #249ecf; }
        body #app .sidebar .wrapper .loading,
        html #app .sidebar .wrapper .loading {
          color: white;
          text-align: center;
          margin-top: 20px; }
        body #app .sidebar .wrapper .feedback,
        html #app .sidebar .wrapper .feedback {
          text-align: center;
          display: block;
          font-size: 12px;
          color: white;
          border: 1px solid white;
          width: 80%;
          margin-left: 10%;
          padding: 2px 0;
          border-radius: 2px; }
        @media (min-height: 600px) {
          body #app .sidebar .wrapper .feedback,
          html #app .sidebar .wrapper .feedback {
            position: absolute;
            bottom: 20px; } }
      body #app .sidebar.overflow-fix .wrapper,
      html #app .sidebar.overflow-fix .wrapper {
        overflow: visible; }
      body #app .sidebar .padding,
      html #app .sidebar .padding {
        padding: 0 25px; }
    body #app .work,
    html #app .work {
      height: 100%;
      position: relative;
      overflow: hidden; }
      body #app .work .analytics-tab-wrapper,
      html #app .work .analytics-tab-wrapper {
        position: absolute; }
      body #app .work #step-card:last-child,
      html #app .work #step-card:last-child {
        margin-bottom: 90px; }
      body #app .work .header-font,
      html #app .work .header-font {
        color: #696969;
        font-size: 17px;
        margin-left: 15px; }
      body #app .work .user-profile-collapsable,
      html #app .work .user-profile-collapsable {
        background: none;
        border: none;
        outline: none; }
      body #app .work .user-card, body #app .work .user-card-step,
      html #app .work .user-card,
      html #app .work .user-card-step {
        border-radius: 0;
        border-right: 0;
        margin-bottom: 0; }
      body #app .work .user-card-step,
      html #app .work .user-card-step {
        margin-bottom: 1 50px; }
      body #app .work .user-profile-headers,
      html #app .work .user-profile-headers {
        font-size: 14px;
        padding-left: 0;
        background-color: #f5f6f6;
        width: 100%;
        height: 46px;
        border-bottom: 1px solid #d8dde6;
        display: flex;
        padding-right: 1rem; }
        body #app .work .user-profile-headers.user-information-header,
        html #app .work .user-profile-headers.user-information-header {
          padding-left: 30px;
          padding-top: 10px; }
          body #app .work .user-profile-headers.user-information-header a,
          html #app .work .user-profile-headers.user-information-header a {
            margin-left: 60%;
            margin-top: 10px; }
          body #app .work .user-profile-headers.user-information-header span,
          html #app .work .user-profile-headers.user-information-header span {
            margin-top: -8px; }
        body #app .work .user-profile-headers a,
        html #app .work .user-profile-headers a {
          margin-left: 80%; }
      body #app .work .user-profile-card,
      html #app .work .user-profile-card {
        background-color: white;
        margin-bottom: 0; }
        body #app .work .user-profile-card image,
        html #app .work .user-profile-card image {
          height: 50px;
          width: 71px; }
        body #app .work .user-profile-card .page-name,
        html #app .work .user-profile-card .page-name {
          position: absolute;
          height: 53px;
          width: 316px;
          margin-left: 84px;
          font-size: 15px;
          margin-top: 25px; }
          body #app .work .user-profile-card .page-name.tracker-step,
          html #app .work .user-profile-card .page-name.tracker-step {
            margin-top: 41px;
            font-size: 15px; }
      body #app .work .user-step-chevron,
      html #app .work .user-step-chevron {
        margin-right: -10px;
        right: 41px;
        position: absolute;
        float: right;
        display: flex;
        top: 95px; }
      body #app .work .collapsed .user-information-chevron-down,
      html #app .work .collapsed .user-information-chevron-down {
        display: inline-block; }
      body #app .work .collapsed .user-information-chevron-up,
      html #app .work .collapsed .user-information-chevron-up {
        display: none; }
      body #app .work .user-information-chevron-down,
      html #app .work .user-information-chevron-down {
        display: none;
        right: -101px;
        position: absolute;
        font-size: 10px;
        height: 20px;
        margin-left: 190px; }
      body #app .work .user-information-chevron-up,
      html #app .work .user-information-chevron-up {
        right: -101px;
        position: absolute;
        font-size: 10px;
        height: 20px; }
      body #app .work .collapsed .user-step-chevron-down,
      html #app .work .collapsed .user-step-chevron-down {
        display: inline-block; }
      body #app .work .collapsed .user-step-chevron-up,
      html #app .work .collapsed .user-step-chevron-up {
        display: none; }
      body #app .work .user-step-chevron-down,
      html #app .work .user-step-chevron-down {
        display: none;
        right: -101px;
        position: absolute;
        font-size: 10px;
        height: 20px;
        margin-left: 190px; }
      body #app .work .user-step-chevron-up,
      html #app .work .user-step-chevron-up {
        right: -101px;
        position: absolute;
        font-size: 10px;
        height: 20px; }
      body #app .work .user-profile-card-body,
      html #app .work .user-profile-card-body {
        padding: 0;
        margin-bottom: 10px;
        font-size: 13px;
        padding-top: 10px;
        background: #f6f6f6; }
        body #app .work .user-profile-card-body .row,
        html #app .work .user-profile-card-body .row {
          padding-left: 15px;
          padding-top: 10px;
          padding-right: 15px; }
        body #app .work .user-profile-card-body .text-muted,
        html #app .work .user-profile-card-body .text-muted {
          padding-left: 15px;
          font-size: 17px; }
      body #app .work .user-profile-fullbleed,
      html #app .work .user-profile-fullbleed {
        padding: 0; }
      body #app .work .user-profile-step-page,
      html #app .work .user-profile-step-page {
        float: left;
        height: 128px;
        background: none;
        display: inline-flex; }
      body #app .work .user-profile-icon,
      html #app .work .user-profile-icon {
        margin: 10px 0 0; }
      body #app .work .user-profile-date,
      html #app .work .user-profile-date {
        font-size: 11px;
        position: absolute;
        margin-right: 22px;
        right: 0; }
      body #app .work .param-list,
      html #app .work .param-list {
        margin-top: 10px; }
      body #app .work .param-list:nth-child(even),
      html #app .work .param-list:nth-child(even) {
        background: white;
        z-index: 10; }
      body #app .work .edit-panel,
      html #app .work .edit-panel {
        height: calc(100% - 80px); }
        body #app .work .edit-panel section .title,
        html #app .work .edit-panel section .title {
          display: block;
          text-align: center;
          margin: 20px 0 10px;
          font-weight: normal; }
        body #app .work .edit-panel section .joint-inspector,
        html #app .work .edit-panel section .joint-inspector {
          border: none;
          position: relative; }
        body #app .work .edit-panel section .wrapper,
        html #app .work .edit-panel section .wrapper {
          padding: 10px 20px; }
          body #app .work .edit-panel section .wrapper .button,
          html #app .work .edit-panel section .wrapper .button {
            height: 40px;
            line-height: 40px;
            font-size: 12px; }
        body #app .work .edit-panel .icons .icon,
        html #app .work .edit-panel .icons .icon {
          width: 54px;
          height: 54px;
          padding: 10px;
          margin: 5px 0;
          cursor: pointer; }
          body #app .work .edit-panel .icons .icon img,
          html #app .work .edit-panel .icons .icon img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            margin: 0 auto; }
        body #app .work .edit-panel .icons,
        body #app .work .edit-panel .joint-inspector,
        html #app .work .edit-panel .icons,
        html #app .work .edit-panel .joint-inspector {
          display: block; }
      body #app .work #paper,
      html #app .work #paper {
        position: relative;
        width: 100%;
        height: 100vh;
        background: #f9f9f9; }
        body #app .work #paper:focus,
        html #app .work #paper:focus {
          outline: none; }
        body #app .work #paper,
        body #app .work #paper .joint-paper-scroller,
        html #app .work #paper,
        html #app .work #paper .joint-paper-scroller {
          padding: 0;
          margin: 0; }
        body #app .work #paper .joint-paper-scroller,
        html #app .work #paper .joint-paper-scroller {
          min-width: 100%;
          min-height: 100%; }
          body #app .work #paper .joint-paper-scroller .paper-scroller-background,
          html #app .work #paper .joint-paper-scroller .paper-scroller-background {
            width: 100% !important;
            height: 100% !important; }
        body #app .work #paper .joint-paper,
        html #app .work #paper .joint-paper {
          border: 1px solid #f2f2f2; }
        body #app .work #paper .marker-arrowheads,
        html #app .work #paper .marker-arrowheads {
          display: none; }
        body #app .work #paper g[data-type='funnel_misc.GhostLine'] .connection-wrap,
        html #app .work #paper g[data-type='funnel_misc.GhostLine'] .connection-wrap {
          display: block; }
        body #app .work #paper g[data-type='funnel_misc.GhostLine'] .marker-arrowheads,
        html #app .work #paper g[data-type='funnel_misc.GhostLine'] .marker-arrowheads {
          display: block; }
          body #app .work #paper g[data-type='funnel_misc.GhostLine'] .marker-arrowheads circle,
          html #app .work #paper g[data-type='funnel_misc.GhostLine'] .marker-arrowheads circle {
            fill: #249ecf; }
        body #app .work #paper g[data-type='funnel_misc.GhostLine'].editing .connection-wrap,
        body #app .work #paper g[data-type='funnel_misc.GhostLine'].editing .marker-arrowheads,
        html #app .work #paper g[data-type='funnel_misc.GhostLine'].editing .connection-wrap,
        html #app .work #paper g[data-type='funnel_misc.GhostLine'].editing .marker-arrowheads {
          display: none; }
        body #app .work #paper .link-tools .tool-options,
        html #app .work #paper .link-tools .tool-options {
          display: none; }
        body #app .work #paper .selection-box,
        html #app .work #paper .selection-box {
          border: none;
          background: transparent; }
        body #app .work #paper #custom-halo,
        html #app .work #paper #custom-halo {
          width: 100%;
          height: 100%; }
        body #app .work #paper .selection-wrapper,
        html #app .work #paper .selection-wrapper {
          display: block;
          background: none;
          border: 2px solid #ec4a8e;
          border-radius: 9px;
          padding: 7px 8px;
          margin: -7px -7px;
          box-sizing: content-box; }
          body #app .work #paper .selection-wrapper[data-selection-length='0'],
          html #app .work #paper .selection-wrapper[data-selection-length='0'] {
            display: none; }
          body #app .work #paper .selection-wrapper[data-selection-length='1'],
          html #app .work #paper .selection-wrapper[data-selection-length='1'] {
            background: none;
            border: none; }
            body #app .work #paper .selection-wrapper[data-selection-length='1'] .handle,
            html #app .work #paper .selection-wrapper[data-selection-length='1'] .handle {
              margin: -30px; }
              body #app .work #paper .selection-wrapper[data-selection-length='1'] .handle.remove,
              html #app .work #paper .selection-wrapper[data-selection-length='1'] .handle.remove {
                top: 2px;
                left: 30px; }
              body #app .work #paper .selection-wrapper[data-selection-length='1'] .handle.clone,
              html #app .work #paper .selection-wrapper[data-selection-length='1'] .handle.clone {
                top: 2px;
                right: 30px; }
              body #app .work #paper .selection-wrapper[data-selection-length='1'] .handle.se.group,
              html #app .work #paper .selection-wrapper[data-selection-length='1'] .handle.se.group {
                display: none; }
            body #app .work #paper .selection-wrapper[data-selection-length='1'] + .selection-box,
            html #app .work #paper .selection-wrapper[data-selection-length='1'] + .selection-box {
              z-index: 47;
              border: 1px solid #ec4a8e;
              border-radius: 6px;
              padding: 5px 6px;
              margin: -6px -7px; }
          body #app .work #paper .selection-wrapper .box,
          html #app .work #paper .selection-wrapper .box {
            display: none; }
          body #app .work #paper .selection-wrapper .handle.remove,
          html #app .work #paper .selection-wrapper .handle.remove {
            background: none;
            font-size: 16px;
            left: 3px;
            top: -25px; }
            body #app .work #paper .selection-wrapper .handle.remove:before,
            html #app .work #paper .selection-wrapper .handle.remove:before {
              font-family: 'icomoon';
              content: ""; }
          body #app .work #paper .selection-wrapper .handle.clone,
          html #app .work #paper .selection-wrapper .handle.clone {
            background: none;
            font-size: 16px;
            right: 3px;
            top: -25px; }
            body #app .work #paper .selection-wrapper .handle.clone:before,
            html #app .work #paper .selection-wrapper .handle.clone:before {
              font-family: 'icomoon';
              content: ""; }
          body #app .work #paper .selection-wrapper .handle.se.resize,
          html #app .work #paper .selection-wrapper .handle.se.resize {
            display: none; }
          body #app .work #paper .selection-wrapper .handle.se.group,
          html #app .work #paper .selection-wrapper .handle.se.group {
            background: none;
            font-size: 16px; }
            body #app .work #paper .selection-wrapper .handle.se.group:before,
            html #app .work #paper .selection-wrapper .handle.se.group:before {
              font-family: 'icomoon';
              content: ""; }
        body #app .work #paper .joint-halo,
        html #app .work #paper .joint-halo {
          z-index: 49; }
          body #app .work #paper .joint-halo .handle.clone:before, body #app .work #paper .joint-halo .handle.edit:before, body #app .work #paper .joint-halo .handle.goal:before, body #app .work #paper .joint-halo .handle.group:before, body #app .work #paper .joint-halo .handle.icon:before, body #app .work #paper .joint-halo .handle.link:before, body #app .work #paper .joint-halo .handle.note:before, body #app .work #paper .joint-halo .handle.remove:before, body #app .work #paper .joint-halo .handle.ungroup:before, body #app .work #paper .joint-halo .handle.unlink:before,
          html #app .work #paper .joint-halo .handle.clone:before,
          html #app .work #paper .joint-halo .handle.edit:before,
          html #app .work #paper .joint-halo .handle.goal:before,
          html #app .work #paper .joint-halo .handle.group:before,
          html #app .work #paper .joint-halo .handle.icon:before,
          html #app .work #paper .joint-halo .handle.link:before,
          html #app .work #paper .joint-halo .handle.note:before,
          html #app .work #paper .joint-halo .handle.remove:before,
          html #app .work #paper .joint-halo .handle.ungroup:before,
          html #app .work #paper .joint-halo .handle.unlink:before {
            font-size: 16px;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%); }
          body #app .work #paper .joint-halo .handle.unlink,
          html #app .work #paper .joint-halo .handle.unlink {
            margin-left: -20px;
            background: none; }
            body #app .work #paper .joint-halo .handle.unlink:before,
            html #app .work #paper .joint-halo .handle.unlink:before {
              font-family: 'icomoon';
              content: ""; }
          body #app .work #paper .joint-halo .handle.remove,
          html #app .work #paper .joint-halo .handle.remove {
            margin: -25px -20px;
            background: none; }
            body #app .work #paper .joint-halo .handle.remove:before,
            html #app .work #paper .joint-halo .handle.remove:before {
              font-family: 'icomoon';
              content: ""; }
          body #app .work #paper .joint-halo .handle.link,
          html #app .work #paper .joint-halo .handle.link {
            margin-right: -20px;
            background: none; }
            body #app .work #paper .joint-halo .handle.link:before,
            html #app .work #paper .joint-halo .handle.link:before {
              font-family: 'icomoon';
              content: ""; }
          body #app .work #paper .joint-halo .handle.icon,
          html #app .work #paper .joint-halo .handle.icon {
            margin-bottom: -25px;
            background: none; }
            body #app .work #paper .joint-halo .handle.icon:before,
            html #app .work #paper .joint-halo .handle.icon:before {
              font-family: 'icomoon';
              content: ""; }
          body #app .work #paper .joint-halo .handle.note,
          html #app .work #paper .joint-halo .handle.note {
            margin-bottom: -25px;
            background: none; }
            body #app .work #paper .joint-halo .handle.note:before,
            html #app .work #paper .joint-halo .handle.note:before {
              font-family: 'icomoon';
              content: ""; }
          body #app .work #paper .joint-halo .handle.edit,
          html #app .work #paper .joint-halo .handle.edit {
            background: none; }
            body #app .work #paper .joint-halo .handle.edit:before,
            html #app .work #paper .joint-halo .handle.edit:before {
              font-family: 'icomoon';
              content: ""; }
          body #app .work #paper .joint-halo .handle.goal,
          html #app .work #paper .joint-halo .handle.goal {
            margin-bottom: -25px;
            background: none; }
            body #app .work #paper .joint-halo .handle.goal:before,
            html #app .work #paper .joint-halo .handle.goal:before {
              font-family: 'icomoon';
              content: ""; }
          body #app .work #paper .joint-halo .handle.clone,
          html #app .work #paper .joint-halo .handle.clone {
            margin-right: -20px;
            margin-bottom: 20px;
            background: none;
            cursor: pointer; }
            body #app .work #paper .joint-halo .handle.clone:before,
            html #app .work #paper .joint-halo .handle.clone:before {
              font-family: 'icomoon';
              content: ""; }
          body #app .work #paper .joint-halo[data-type='funnel_misc.Group'] .handle.ungroup,
          html #app .work #paper .joint-halo[data-type='funnel_misc.Group'] .handle.ungroup {
            background: none;
            font-size: 16px;
            margin: -25px -20px; }
            body #app .work #paper .joint-halo[data-type='funnel_misc.Group'] .handle.ungroup:before,
            html #app .work #paper .joint-halo[data-type='funnel_misc.Group'] .handle.ungroup:before {
              font-family: 'icomoon';
              content: ""; }
          body #app .work #paper .joint-halo[data-type='basic.Text'] .handles .handle,
          html #app .work #paper .joint-halo[data-type='basic.Text'] .handles .handle {
            display: none; }
            body #app .work #paper .joint-halo[data-type='basic.Text'] .handles .handle.remove,
            html #app .work #paper .joint-halo[data-type='basic.Text'] .handles .handle.remove {
              display: block; }
        body #app .work #paper .joint-halo.joint-theme-default.toolbar .handles,
        html #app .work #paper .joint-halo.joint-theme-default.toolbar .handles {
          background-color: #353943;
          border-radius: 4px;
          padding: 0;
          position: absolute;
          border-bottom: none;
          vertical-align: bottom;
          top: 0; }
        body #app .work #paper .joint-halo.joint-theme-default.toolbar .handle,
        html #app .work #paper .joint-halo.joint-theme-default.toolbar .handle {
          color: #9599a3;
          display: table-cell;
          padding: 10px;
          border-left-style: solid;
          border-width: 0.09px; }
        body #app .work #paper .joint-halo.joint-theme-default.toolbar .handles:after,
        html #app .work #paper .joint-halo.joint-theme-default.toolbar .handles:after {
          border-bottom: 9px solid #353944;
          border-top: none;
          top: -8px;
          left: 50%; }
        body #app .work #paper .joint-halo.joint-theme-default.toolbar.type-element .handle.remove,
        html #app .work #paper .joint-halo.joint-theme-default.toolbar.type-element .handle.remove {
          position: unset;
          right: unset; }
        body #app .work #paper .connection-wrap,
        html #app .work #paper .connection-wrap {
          stroke-width: 20px;
          stroke: transparent; }
        body #app .work #paper .marker-vertex,
        html #app .work #paper .marker-vertex {
          fill: #009bf3;
          max-width: 10px;
          r: 5; }
        body #app .work #paper .marker-vertex-remove,
        html #app .work #paper .marker-vertex-remove {
          fill: #f56060;
          opacity: 0.5;
          transform: scale(0.5); }
          body #app .work #paper .marker-vertex-remove:hover,
          html #app .work #paper .marker-vertex-remove:hover {
            opacity: 1; }
        body #app .work #paper .tool-remove,
        html #app .work #paper .tool-remove {
          display: none; }
          body #app .work #paper .tool-remove circle,
          html #app .work #paper .tool-remove circle {
            r: 10; }
        body #app .work #paper .marker-vertex-remove-area,
        html #app .work #paper .marker-vertex-remove-area {
          transform: translate(10px, 10px);
          fill: orange;
          opacity: 0; }
        body #app .work #paper .thumbnail-loading,
        html #app .work #paper .thumbnail-loading {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translateX(-17.5%) translateY(25%);
          z-index: 99;
          display: flex;
          justify-content: center;
          align-items: center; }
        body #app .work #paper .textbox,
        html #app .work #paper .textbox {
          position: absolute;
          background: none;
          border: none;
          resize: none; }
          body #app .work #paper .textbox:focus,
          html #app .work #paper .textbox:focus {
            outline: none; }
  body .share-funnel-button,
  html .share-funnel-button {
    cursor: pointer; }

.blocked-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100; }
  .blocked-modal .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.5;
    z-index: 101; }
  .blocked-modal .popup {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 700px;
    padding: 30px;
    background: white;
    z-index: 102;
    border-radius: 1px;
    box-shadow: 0 5px 10px #737373; }
    .blocked-modal .popup .text {
      position: relative;
      top: 50%;
      transform: translateY(-75%); }
      .blocked-modal .popup .text h2 {
        text-align: center;
        margin-bottom: 30px; }
    .blocked-modal .popup .actions {
      text-align: center;
      margin-top: 50px; }
      .blocked-modal .popup .actions .btn {
        padding: 0.375rem 1.25rem;
        margin: 0 10px;
        cursor: pointer; }
        .blocked-modal .popup .actions .btn[disabled] {
          cursor: not-allowed; }

.upgrade-banner-button {
  max-width: 6rem;
  margin: 1rem auto auto; }

.upgrade-banner-button:hover {
  color: #fff; }

.downgrade-bottom-right {
  margin-top: 0.5rem; }

.sidebar-labels {
  margin-top: 5px;
  font-size: 0.5rem; }

@media (max-device-width: 768px) {
  .sidebar-labels {
    margin-top: 5px;
    font-size: 4px; } }

.cls-1,
.cls-7 {
  fill: #fff; }

.cls-1,
.cls-3 {
  fill-rule: evenodd; }

.cls-2 {
  fill: #c6cbd5; }

.cls-3 {
  fill: #e6eaed; }

.cls-4 {
  fill: #ff6259; }

.cls-5 {
  fill: #ffbd2d; }

.cls-6 {
  fill: #2bca41; }

.cls-8 {
  fill: #038ed6; }

.previewthumbnail {
  clip-path: inset(1% 0% 4% 0% round 11px); }

.joint-stencil,
.joint-stencil > .content {
  position: static;
  background-color: white; }

.funnel--icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  border-left: 1px solid #eee;
  min-height: 2rem; }

.visible {
  display: block; }

.invisible {
  display: none; }

.halo .handles {
  left: -25px;
  bottom: -25px;
  top: auto;
  right: auto; }

.old-icon-style {
  font-size: 25px; }

.handles,
.joint-halo.pie,
.pie-toggle {
  z-index: 49; }

.canvas-floating-section {
  position: fixed;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 3rem;
  bottom: 2rem;
  left: 0.5rem;
  z-index: 52; }

.zoom-tool {
  width: 48px;
  font-size: 11px;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-self: center;
  border-top: none;
  box-sizing: border-box;
  transition: all 0.3s ease-out;
  height: 48px;
  position: relative;
  background: #fff;
  box-shadow: 0 0 6px rgba(49, 57, 75, 0.25);
  overflow-x: hidden; }
  .zoom-tool .zoom-tool-item {
    position: relative; }

.zoom-tool__scale {
  color: #636e84;
  cursor: pointer;
  display: flex;
  font-size: 11px;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 48px; }

.zoom-tool__scale--active {
  background: rgba(0, 0, 0, 0.05);
  color: #009bf3; }

.zoom-tool__controls {
  display: flex;
  flex-direction: row;
  transition: all 0.3s ease-out; }

.zoom-tool--expanded {
  width: 192px; }

.zoom-tool__control {
  width: 48px;
  height: 48px;
  justify-content: center;
  cursor: pointer;
  color: #9aa5b5;
  fill: #9aa5b5;
  border: none;
  background: #fff;
  outline: none; }
  .zoom-tool__control .zoom-tool__control-icon {
    width: 18px;
    height: 18px; }
  .zoom-tool__control .zoom-tool__control-icon-minus {
    width: 18px;
    height: 2px; }
  .zoom-tool__control:focus {
    outline: none; }
  .zoom-tool__control:hover {
    fill: #009bf3;
    color: #009bf3; }

.add-client-input-card {
  margin-top: 1rem;
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
  height: 66px;
  box-shadow: 0 2px 3px rgba(99, 110, 132, 0.1);
  border-radius: 4px;
  border: 1px solid #d8dde6;
  background-color: #ffffff; }

.marker-target {
  stroke: none; }

.share-modal__row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 0.5rem;
  margin-bottom: 1rem;
  width: 100%; }

.share-modal__email {
  display: flex;
  align-items: center;
  justify-content: center; }

.top-notification-bar {
  font-size: 14px;
  height: 4rem;
  position: absolute;
  width: 100%;
  background: #ff7448;
  z-index: 1000;
  color: white;
  display: grid;
  grid-template-columns: 1fr 4fr 1fr;
  justify-content: center;
  align-items: center; }

.top-notification-bar--hidden {
  display: none; }

.top-notification-bar__content {
  display: flex;
  justify-self: center;
  align-items: center; }

.top-notification-bar__dismiss {
  justify-self: flex-end;
  font-size: 2rem;
  margin-right: 2rem;
  cursor: pointer;
  user-select: none; }

text[joint-selector='forecast-label'] {
  fill: #ed724b; }

.joint-cell {
  font-family: "Poppins", sans-serif; }

.label__rectangle {
  fill: #f7f8fb; }

.visits__rectangle {
  fill: #f7f8fb; }

.visits {
  fill: black; }

.forecast__rectangle {
  fill: #f7f8fb; }

.lead_time__rectangle {
  fill: #f7f8fb; }

g[data-type='funnel_misc.Connection'] .labels rect {
  fill: #f7f8fb; }

.custom-image-uploader {
  opacity: 0;
  position: absolute;
  top: -30px; }

.kick-from-canvas-modal .modal-dialog {
  max-width: 63rem;
  margin-top: 10rem; }
  .kick-from-canvas-modal .modal-dialog .modal-content {
    max-width: 63rem;
    padding: 2rem;
    width: auto;
    transform: none;
    margin: 0; }
    .kick-from-canvas-modal .modal-dialog .modal-content .modal-header {
      border: none;
      padding: 0.5rem; }
      .kick-from-canvas-modal .modal-dialog .modal-content .modal-header .card-title {
        font-weight: inherit;
        letter-spacing: inherit; }
    .kick-from-canvas-modal .modal-dialog .modal-content .modal-body {
      padding: 0.5rem; }

.project-tracking-modal .modal-dialog {
  max-width: 63rem;
  margin-top: 10rem; }
  .project-tracking-modal .modal-dialog .modal-content {
    max-width: 63rem;
    padding: 2rem;
    width: auto;
    transform: none;
    margin: 0; }
    .project-tracking-modal .modal-dialog .modal-content .modal-header {
      border: none;
      padding: 0.5rem; }
      .project-tracking-modal .modal-dialog .modal-content .modal-header .card-title {
        font-weight: inherit;
        letter-spacing: inherit; }
    .project-tracking-modal .modal-dialog .modal-content .modal-body {
      padding: 0.5rem; }

.vault-modal-content {
  position: fixed;
  background-color: #fefefe;
  margin-top: 50px;
  margin-left: 64px;
  border: 1px solid #888;
  height: 100%;
  width: calc(100% - 64px);
  display: flex;
  z-index: 1000;
  flex-direction: column; }

.vault-modal {
  overflow: auto; }

.vault-modal__top-bar {
  display: flex;
  height: 60px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #d8dde6;
  padding: 0 2rem;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.vault-modal__open-blank {
  border: 1px solid #009bf3;
  color: #009bf3;
  border-radius: 3px;
  padding: 8px 16px;
  cursor: pointer; }

.vault-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid #d8dde6;
  background-color: #f0f2f7;
  height: 100%;
  padding-bottom: 4rem; }

.vault-card__body-info {
  display: none;
  height: 1.6em; }

.vault-item__container {
  position: relative;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  background-color: white;
  box-shadow: 0px 2px 6px rgba(99, 110, 132, 0.15);
  overflow-y: hidden;
  transition: filter 0.4s ease-in-out; }
  .vault-item__container:hover .vault-item__fade-overlay--body {
    opacity: 0;
    z-index: 1; }
  .vault-item__container:hover .vault-card__body-info {
    display: block; }
  .vault-item__container:hover .vault-card__body-badge {
    display: none; }
  .vault-item__container:hover .vault-item__add-to-canvas {
    display: flex;
    justify-content: center;
    align-items: center; }

.vault-item__fade-overlay {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f7fa;
  opacity: 0;
  transition: opacity 0.3s; }
  .vault-modal--templates-faded .vault-item__fade-overlay {
    opacity: 0.6; }

.vault-item__options {
  background: white;
  align-items: center;
  padding: 1.5rem;
  justify-content: space-between;
  height: 4rem;
  width: 100%;
  display: flex;
  margin-top: 3rem;
  transition: all 0.4s ease-in-out; }

.vault-item__add-to {
  cursor: pointer;
  background: #009bf3;
  border-radius: 5px;
  display: flex;
  height: 2rem;
  align-items: center;
  padding: 9px;
  font-size: 14px;
  color: white; }

.vault-top-toolbar {
  display: flex;
  flex-direction: column;
  height: 165px;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #9aa5b6; }

.vault-filter {
  font-family: "Nunito", sans-serif;
  font-size: 28px;
  line-height: 41px;
  font-weight: 300;
  text-align: center;
  color: #1e2532; }

.vault-title {
  word-wrap: break-word;
  font-family: Nunito;
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.02em;
  color: #1e2532; }

.vault-premium {
  font-size: 10px;
  font-weight: 500;
  border-radius: 2px;
  max-width: 3rem;
  display: flex;
  justify-content: center;
  text-transform: uppercase; }
  .vault-premium.pro {
    border: 1px solid #4ad260;
    color: #4ad260; }
  .vault-premium.basic {
    border: 1px solid #9aa5b6;
    color: #9aa5b6; }

.vault-item__body-container {
  position: relative; }

.vault-card-body {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 0; }

.vault-card-body__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  padding-left: 18px;
  font-size: 14px; }

.vault-card-description {
  font-size: 14px;
  line-height: 23px;
  height: 64px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #636e84; }

.vault-terms-conditions {
  color: #313a4b;
  font-size: 12px;
  font-family: Roboto;
  text-transform: uppercase; }

.vault-search {
  height: 59px;
  width: 100%;
  color: #1e2532;
  border: 0px solid white;
  padding-left: 1rem; }
  .vault-search::placeholder {
    color: grey; }

.vault-container {
  display: flex; }

.vault-list {
  height: 100%;
  width: 100%;
  display: grid;
  padding: 2rem;
  padding-bottom: 8rem;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 1.5rem;
  grid-column-gap: 1.5rem;
  overflow-y: scroll; }

.vault-item__image-container {
  position: relative; }

.vault-item__add-to-canvas {
  display: none;
  z-index: 4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute; }

.vault-image {
  object-fit: contain;
  width: 100%;
  height: auto;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }

.vault-image--with-padding {
  padding: 14px; }

.vault-image--template {
  max-height: 214px;
  min-height: 214px; }

.selected-vault-header {
  width: 100%;
  font-family: Nunito;
  font-size: 30px;
  text-align: center;
  line-height: 39px;
  margin-bottom: 4rem;
  letter-spacing: 0.02em;
  color: #1e2532; }

.vault-description {
  margin: auto;
  margin-top: 25px;
  width: 50%;
  color: black;
  font-weight: 300;
  font-size: 16px;
  text-align: center;
  line-height: 26px; }

.selected-vault__header-image-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d8dde6;
  flex-direction: column-reverse;
  margin-bottom: 2rem; }

.selected-vault__video-container {
  font-size: 30px;
  letter-spacing: 0.02em;
  color: #1e2532;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.vault-video {
  height: 22rem;
  margin-top: 1rem; }

.selected-funnel-image {
  max-height: 30rem;
  max-width: 83%;
  object-fit: contain;
  margin-bottom: 2rem;
  padding: 2rem;
  border: 1px solid #d8dde6;
  box-shadow: 0 4px 10px rgba(32, 69, 105, 0.1);
  border-radius: 5px; }

.vault-media {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  padding: 2rem;
  height: 25rem; }

.vault-media--upsell {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center; }

.vault__upsell-title {
  font-size: 1.5rem;
  text-align: center; }

.selected-vault-template {
  padding: 2rem; }

.terms-conditions {
  font-size: 9px;
  width: 80%;
  margin: 4rem auto;
  text-align: center; }

.vault-share-link-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem; }

.vault-button {
  height: 40px;
  border-radius: 4px;
  padding: 0 1rem;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.05em;
  margin-right: 1rem;
  cursor: pointer; }

.add-vault {
  background: #009bf3;
  color: white;
  border: 0px solid white; }

.add-clickfunnels {
  color: #ff7448;
  border: 1px solid #ff7448; }

.download-files {
  display: inline-block;
  color: #313a4b;
  border: 1px solid #313a4b;
  line-height: 40px; }
  .download-files:hover {
    color: #313a4b; }

.vault-plus {
  font-size: 10px;
  height: 50px; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee; }

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196f3; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: '';
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.collapsible-vault {
  color: #1e2532;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  border-top: 1px solid #d8dde6; }
  .collapsible-vault.active {
    border-bottom: 1px solid #d8dde6; }
  .collapsible-vault.industry {
    border-bottom: 1px solid #d8dde6; }
  .collapsible-vault.active:after {
    content: '\2212'; }

.collapsible-vault:after {
  content: '\002B';
  color: #1e2532;
  font-weight: bold;
  float: right;
  margin-left: 5px; }

.content {
  padding: 0 1.5rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out; }

.vault-dropbtn {
  color: #009bf3;
  padding: 16px 16px 5px;
  border: none;
  font-weight: 300;
  width: 100%;
  cursor: pointer;
  border-bottom: #009bf3 1px solid;
  background-color: transparent; }

.vault-dropdown {
  position: relative;
  display: inline-block; }

.vault-dropdown-content {
  font-size: 16px;
  letter-spacing: 0.02rem;
  display: none;
  position: absolute;
  background-color: #1e2532;
  color: white;
  min-width: 260px;
  border-radius: 4px;
  text-align: left;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 99; }

.vault-dropdown-item {
  padding-left: 1rem;
  display: inline;
  align-items: center;
  transition: 0.3s all ease-in-out;
  border-radius: 3px; }
  .vault-dropdown-item:hover {
    background-color: #009bf3;
    color: white;
    cursor: pointer; }
  .vault-dropdown-item.vault-dropdown-item--active {
    background-color: #009bf3;
    color: white;
    cursor: pointer; }

.vault-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block; }

.vault-dropdown-content a:hover {
  background-color: #ddd; }

.vault-dropdown:hover .vault-dropdown-content {
  display: flex;
  flex-direction: column; }

.vault-modal-exit {
  height: 2rem;
  font-size: 2rem;
  color: white;
  display: flex;
  justify-content: flex-end;
  right: 8%;
  cursor: pointer;
  position: fixed; }

.vault-body__header {
  text-align: left;
  padding-top: 2rem;
  width: 94%;
  margin: 0 2rem;
  font-size: 25px; }

.vault-body__no-matches {
  text-align: left;
  padding-top: 2rem;
  width: 94%;
  margin: 0 2rem;
  font-size: 15px; }

.vault__show-more {
  cursor: pointer;
  color: #009bf3; }

.vault-left-nav {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  border-right: 1px solid #d8dde6;
  width: 240px; }

.vault-left-nav__header {
  margin-bottom: 15px;
  font-weight: 700; }

.vault__content {
  display: flex; }

.vault__category-picker {
  margin-bottom: 1rem;
  color: #1e2532;
  font-size: 13px;
  width: fit-content;
  border: 1px solid #d8dde6;
  box-sizing: border-box;
  border-radius: 3px;
  background: white; }
  .vault__category-picker:hover {
    border: 1px solid #009bf3;
    color: #1e2532; }

.vault__category-picker--active {
  background: #009bf3;
  color: white; }
  .vault__category-picker--active:hover {
    color: white; }

.vault__empty-templates {
  margin: auto;
  font-size: 1.5rem;
  width: 50%;
  text-align: center; }

.chat-bubble {
  position: fixed;
  background: #fff;
  border-radius: 4px;
  z-index: 49;
  bottom: 2rem;
  right: 1.5rem;
  cursor: pointer;
  box-shadow: 0 0 6px rgba(49, 57, 75, 0.25); }
  .chat-bubble.shiftedToLeft {
    right: 5.5rem; }
  .chat-bubble.opened .chat-bubble__button-content, .chat-bubble:hover .chat-bubble__button-content {
    background: rgba(0, 0, 0, 0.05); }
  .chat-bubble.opened .chat-bubble__button-content .fl-icon__svg {
    fill: #009bf3; }
  .chat-bubble .help-icon {
    height: 1rem;
    font-size: 1rem; }
  .chat-bubble .chat-bubble__button-content {
    display: flex;
    border-radius: 4px;
    background: #fff;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem; }

.chat-bubble-container {
  opacity: 0;
  visibility: hidden;
  width: 315px;
  flex-direction: column;
  background: white;
  color: #1e2532;
  position: absolute;
  bottom: 85px;
  right: 1rem;
  box-shadow: 0px 2px 10px rgba(61, 75, 102, 0.1);
  border: 1px solid #d8dde6;
  border-radius: 6px;
  transition: all 0.4s ease-in-out;
  font-size: 14px;
  z-index: 49; }

.chat-bubble-container--open {
  visibility: visible;
  opacity: 1;
  right: 3rem; }

.chat-bubble__section {
  padding: 1rem;
  display: flex;
  flex-direction: column; }

.chat-bubble__section--top {
  padding-bottom: 0; }

.chat-bubble-container__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px; }

.chat-bubble-container__header--progress {
  color: #009bf3; }

.chat-bubble__progress {
  margin-bottom: 15px; }

.chat-bubble__link {
  border-radius: 4px;
  color: white;
  display: flex;
  justify-content: center;
  padding: 1rem;
  text-transform: uppercase; }

.chat-bubble__link--hidden {
  display: none; }

.chat-bubble__link--helpdesk {
  background: #313a4b; }
  .chat-bubble__link--helpdesk:hover {
    color: white; }

.chat-bubble__link--support {
  background: #009bf3;
  text-decoration: none;
  cursor: pointer; }
  .chat-bubble__link--support:hover {
    color: white; }

.chat-bubble__link--quick-start {
  background: #4ad260;
  text-decoration: none;
  cursor: pointer; }
  .chat-bubble__link--quick-start:hover {
    color: white; }

.chat-bubble__contact-support {
  text-align: center; }

.chat-bubble__contact-support--hidden {
  display: none; }

.chat-bubble__contact-support--blue {
  color: #009bf3; }

.chat-bubble__learn-row {
  display: flex;
  align-items: center;
  margin-bottom: 15px; }

.chat-bubble__list-item-number {
  height: 2rem;
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #d8dde6;
  margin-right: 1rem;
  cursor: pointer;
  fill: white; }

.chat-bubble__list-item-number--complete {
  background: #4ad260;
  border: 1px solid rgba(30, 37, 50, 0.1); }

.chat-bubble__linebreak {
  margin-top: 0;
  margin-bottom: 0; }

.chat-bubble__list-item-text {
  cursor: pointer; }

.routable-modal--3ds .routable-modal--dialog {
  max-width: 80%; }
  .routable-modal--3ds .routable-modal--dialog .fl-modal-proj-fun {
    position: relative;
    margin: auto;
    width: 80%;
    height: 500px; }
    .routable-modal--3ds .routable-modal--dialog .fl-modal-proj-fun .routable-modal--body {
      position: absolute;
      height: 100%;
      width: 100%; }
      .routable-modal--3ds .routable-modal--dialog .fl-modal-proj-fun .routable-modal--body .three-ds-modal {
        position: absolute;
        width: 100%;
        height: 100%; }
        .routable-modal--3ds .routable-modal--dialog .fl-modal-proj-fun .routable-modal--body .three-ds-modal div[data-recurly='three-d-secure-container'] {
          height: 100%; }

.funnelmomentum {
  background: #19212e;
  min-height: 100vh;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 3rem;
  align-items: center;
  text-align: center;
  font-family: "Poppins", sans-serif;
  width: 50vw; }
  @media all and (max-width: 767px) {
    .funnelmomentum {
      width: 100vw; } }

.funnelmomentum__container {
  height: 100%; }

.funnelmomentum__container--login {
  width: 50vw;
  background: #333; }

.funnelmomentum__logo {
  width: 320px;
  object-fit: contain;
  margin-bottom: 1rem; }

.funnelmomentum__title {
  font-family: "Poppins", sans-serif;
  font-size: 32px;
  color: white;
  margin-bottom: 24px; }

.funnelmomentum__title-small {
  font-size: 18px;
  margin-bottom: 32px; }

.funnelmomentum__banner {
  width: 80%;
  height: auto;
  object-fit: contain; }

.funnelmomentum__video-btn-container {
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 100vh;
  max-width: 100rem;
  /* background: orange; */
  flex-direction: column; }

.funnelmomentum__video {
  width: 100%;
  height: 100%;
  margin-bottom: 1rem; }

.funnelmomentum__header {
  font-size: 2rem;
  color: white;
  margin-bottom: 1rem;
  line-height: 40px;
  font-weight: 500; }

.funnelmomentum__button-row {
  display: flex;
  margin: 30px auto 0 auto;
  width: 95%; }

.funnelmomentum__button {
  font-size: 20px;
  font-size: 20px;
  padding: 15px 20px;
  min-width: 10%;
  cursor: pointer;
  border-radius: 5px; }
  @media all and (max-width: 974px) {
    .funnelmomentum__button {
      font-size: 14px; } }
  @media all and (max-width: 767px) {
    .funnelmomentum__button {
      font-size: 20px; } }

#calendly-calendar {
  width: 100%; }

.register-upsell__header-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%; }

.register-upsell {
  display: flex;
  flex-direction: column;
  font-family: "Poppins", sans-serif; }
  @media all and (max-width: 974px) {
    .register-upsell {
      flex-direction: column; } }

.register-upsell__section {
  height: 100%;
  width: 100%;
  background: #f0f2f7;
  min-height: 100vh;
  display: flex;
  padding: 2rem;
  flex-direction: column;
  text-align: center; }
  @media all and (max-width: 974px) {
    .register-upsell__section {
      width: 100%;
      min-height: 75vh; } }

.register-upsell__card-just-mapping {
  color: #9aa5b5; }

.register-upsell__card-price--mapping {
  font-weight: 600;
  font-size: 22px;
  display: flex;
  align-items: baseline; }

.register-upsell__card-price--mapping--not-bold {
  font-size: 16px;
  font-weight: normal;
  margin-left: 5px; }

.register-upsell__section--left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #1e2532;
  color: white;
  min-height: 500px;
  height: 75vh; }

.register-upsell__header {
  font-size: 34.278px; }
  @media all and (max-width: 974px) {
    .register-upsell__header {
      margin-top: 10px; } }

.register-upsell__sub-header {
  font-size: 19.0433px;
  color: #d8dde6;
  margin-bottom: 2rem; }

.register-upsell__video {
  border: none;
  width: 100%;
  flex: 1; }
  .register-upsell__video .vp-center {
    align-items: flex-start; }

.register-upsell__card-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  @media all and (min-width: 974px) {
    .register-upsell__card-container {
      flex-direction: row; } }

.register-upsell__card {
  background: #ffffff;
  border: 2px solid white;
  box-shadow: 0px 5px 20px rgba(47, 83, 155, 0.15);
  border-radius: 6px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 26px;
  justify-content: center;
  margin-left: 15px;
  margin-right: 15px; }
  .register-upsell__card:nth-child(n + 2) {
    margin-top: 30px; }
  @media all and (min-width: 974px) {
    .register-upsell__card {
      width: 33.3%; }
      .register-upsell__card:nth-child(n + 2) {
        margin-top: 0; } }

.register-upsell__card--pro {
  z-index: 20;
  border: 2px solid #0ed073; }

.register-upsell__card-title {
  font-weight: 600;
  font-size: 26px;
  line-height: 30px;
  color: #1e2532; }

.register-upsell__card-subtitle {
  margin: 16px 0 0 0; }

.register-upsell__card-guarantee {
  background: #009bf3;
  color: white;
  padding: 6px;
  border-radius: 5px;
  width: fit-content; }

.register-upsell__card-price {
  font-size: 22px;
  color: #1e2532;
  border-top: 1px solid #eceff7;
  border-bottom: 1px solid #eceff7;
  padding: 20px 0;
  margin: 20px 0; }

.register-upsell__card-price--number {
  font-weight: 600; }

.register-upsell__card-price--disclaimer {
  font-weight: 600;
  font-size: 14px; }

.register-upsell__card-satisfaction {
  font-size: 14px;
  color: #9aa5b5;
  text-align: center; }

.register-upsell__card-included {
  text-transform: uppercase;
  color: #636e84;
  font-size: 14px;
  font-weight: 500;
  margin: 16px 0; }

.register-upsell__card-included-plan {
  text-decoration: underline; }

.register-upsell__card-plan {
  color: #9aa5b5;
  margin-bottom: 20px; }

.register-upsell__card-terms {
  font-size: 12px;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: #9aa5b5; }

.register-upsell__visitors {
  margin: 24px 0 8px 0; }

.register-upsell__visitors-notice {
  color: #9aa5b5;
  font-size: 12px;
  display: block; }

.register-upsell__visitors-picker {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  width: 100%;
  background: white;
  border: 1px solid #d8dde6;
  padding: 8px 16px;
  margin-top: 6px;
  -webkit-appearance: none;
  cursor: pointer; }
  .register-upsell__visitors-picker:focus {
    outline: none; }

.register-upsell__feature-header {
  font-size: 24px;
  margin-bottom: 20px;
  text-align: center; }

.register-upsell__card-list-item {
  display: flex;
  margin-bottom: 16px;
  font-size: 16px;
  color: #636e84;
  font-family: "Roboto", Arial, Helvetica, sans-serif; }
  .register-upsell__card-list-item .fl-icon {
    margin-right: 10px; }

.register-upsell__status-text {
  text-align: center; }

.register-upsell__button {
  font-size: 16px;
  border: 1px solid #009bf3;
  color: #009bf3;
  text-align: center;
  padding: 12px 0;
  border-radius: 4px;
  transition: 0.2s all linear;
  margin-top: 16px;
  position: relative;
  top: 0; }
  .register-upsell__button:hover {
    color: white;
    background: #009bf3;
    top: -2px; }

.register-upsell__button-green {
  border-color: #22d976;
  background: #22d976;
  box-shadow: 0px 4px 15px 0px rgba(74, 210, 96, 0.47);
  color: white; }
  .register-upsell__button-green:hover {
    background: #1ac769;
    border-color: #1ac769; }

.trustpilot-widget {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 600px; }
  .trustpilot-widget iframe {
    flex: 1; }

.mrkting-page {
  font-family: "Poppins", sans-serif;
  background-color: #fbfbfe;
  padding: 40px 40px 80px; }
  @media all and (max-width: 767px) {
    .mrkting-page {
      padding: 0 2vw; } }

.confirmation-page {
  background: #f0f2f7;
  height: 100%;
  min-height: 100vh;
  width: 100%;
  overflow-y: scroll;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  @media all and (max-width: 767px) {
    .confirmation-page {
      flex-direction: column; } }
  @media all and (max-width: 767px) {
    .confirmation-page {
      width: 100%;
      min-height: 100%; } }

.confirmation-page-container {
  flex: 1;
  padding: 2rem; }
  @media all and (max-width: 767px) {
    .confirmation-page-container {
      padding-bottom: 4rem;
      width: 100%;
      min-height: 100%; } }

.confirmation-page-container-center {
  flex: unset; }

.sales-page {
  background: #f0f2f7;
  height: 100%;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 4rem; }
  .sales-page .sales-forms {
    max-width: 1000px;
    flex: 1; }
  .sales-page .fl-input {
    width: 100%;
    max-width: none; }
  .sales-page .product-row {
    color: #636e84; }
  @media all and (max-width: 767px) {
    .sales-page {
      padding: 2rem;
      padding-bottom: 4rem;
      width: 100%;
      min-height: 100%; } }

.testimonial__row {
  display: flex;
  align-items: center;
  flex-direction: column; }
  @media all and (min-width: 974px) {
    .testimonial__row {
      flex-direction: row; } }

.testimonial__customer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  order: -1; }
  @media all and (min-width: 974px) {
    .testimonial__customer {
      order: initial; } }

.testimonial__img {
  height: 4rem;
  margin: 0 1rem;
  z-index: 100; }
  @media all and (min-width: 974px) {
    .testimonial__img {
      height: 6rem;
      z-index: 100; } }

.total-cost-checkout {
  font-weight: 600; }

.arrow-blink {
  height: 12px;
  margin-top: 4px; }

.sales-page-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%; }

.testimonials {
  display: flex;
  flex-direction: column; }
  .testimonials .header {
    margin-bottom: 1rem; }

.testimonal-bubble {
  background: white;
  border-radius: 5px;
  padding: 1rem;
  color: #656565;
  width: 100%; }

.testimonial-header {
  font-weight: 500;
  font-size: 20px;
  text-align: center; }
  @media all and (min-width: 768px) {
    .testimonial-header {
      font-size: 32px; } }

.testimonial-img {
  height: 65px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.3rem; }

.testimonal-row {
  display: flex;
  align-self: flex-start;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 1rem; }

.dark-bkg {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1e2532;
  color: white; }

.downsell-upsell {
  max-width: 1024px;
  margin: 0 auto;
  color: #0c0c0c;
  font-weight: 300;
  text-align: center; }
  .downsell-upsell.ignite {
    color: white; }
  .downsell-upsell .downsell-btn {
    border: none;
    background: #f5ad43;
    padding: 15px;
    margin: 0 auto;
    color: #000000;
    font-family: default;
    font-size: 27px;
    font-weight: 400;
    border-radius: 7px;
    text-align: center;
    margin: 1rem;
    cursor: pointer; }
  .downsell-upsell .downsell-card-header {
    font-size: 22px;
    font-weight: 500; }
  .downsell-upsell .no-thanks {
    text-decoration: underline;
    color: #9aa5b5;
    font-weight: 400;
    font-size: 12px;
    cursor: pointer; }
  .downsell-upsell .downsell-card-body {
    text-align: left;
    margin-left: 2rem;
    color: black; }
  .downsell-upsell .regular-price {
    font-size: 31px; }
  .downsell-upsell .regular-price {
    margin: 1rem; }
  .downsell-upsell .green-txt {
    color: #4ad260;
    font-size: 16px;
    margin-bottom: 1.5rem; }

.downsell-container {
  display: flex;
  justify-content: center;
  padding: 0 5rem; }

.upsell-page {
  background: #1e2532;
  color: white;
  height: 100%;
  width: 100%; }

.sales-page__details {
  margin: 0 auto;
  max-width: 540px; }

.page-block {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 3rem; }
  .page-block .feature-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .page-block .header {
    color: #1e2532;
    font-size: 35px;
    text-align: center; }
  .page-block .subheader {
    color: #636e84;
    width: 90%;
    text-align: center;
    margin-top: 1rem; }
  .page-block .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 2rem 0; }
  .page-block .row-block {
    width: 40%; }
  .page-block .section-header {
    font-size: 27px;
    color: #1e2532; }
  .page-block .section-subheader {
    color: #636e84;
    text-align: center; }
    @media all and (min-width: 974px) {
      .page-block .section-subheader {
        text-align: left; } }

.upsell-pro-image {
  height: 6rem;
  width: auto;
  margin: 0 2rem;
  object-fit: contain; }

.feature-description {
  width: 30rem; }

.feature-item {
  display: flex;
  margin: 2rem 0;
  width: 100%;
  flex-direction: column; }
  @media all and (min-width: 974px) {
    .feature-item {
      flex-direction: row; } }

.track2 {
  display: none; }

.sell-header {
  font-size: 40px;
  margin-bottom: 2rem;
  color: white; }
  .sell-header.txt--black {
    color: black; }

.testimonial-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0 32px;
  margin-bottom: 2rem; }
  @media all and (max-width: 767px) {
    .testimonial-block {
      display: flex;
      flex-direction: column; } }

.member-bonuses {
  display: flex;
  background: #f6f7fa;
  flex-direction: column;
  padding: 5% 10%; }

.upsell-block {
  display: flex;
  flex-direction: column;
  padding: 0 8%;
  margin: 6rem 0; }
  @media all and (max-width: 767px) {
    .upsell-block {
      text-align: left;
      padding: 0; } }

.cta-headline {
  color: #1e2532;
  font-weight: 600;
  margin: auto;
  font-size: 36px;
  text-align: center;
  width: 80%; }
  @media all and (max-width: 767px) {
    .cta-headline {
      font-size: 24px;
      text-align: left; } }

.card-whole {
  display: flex; }
  .card-whole .card-primary {
    flex: 1;
    display: block; }
    .card-whole .card-primary .field,
    .card-whole .card-primary .recurly-hosted-field {
      width: 100%;
      display: inline-block; }
  .card-whole .card-extra {
    display: flex; }
    .card-whole .card-extra .field {
      margin-left: 5px;
      color: black;
      font-family: Helvetica, serif;
      flex: 1; }
      .card-whole .card-extra .field:focus {
        outline: none; }
    .card-whole .card-extra .field--postal {
      flex: 1; }

.sales-right-side {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-left: 0;
  padding: 0 15px;
  flex: 1;
  padding-top: 59px; }
  @media all and (min-width: 974px) {
    .sales-right-side {
      max-width: 500px;
      margin-left: 1rem; } }

@media screen and (max-width: 767px) {
  .fl-input-wrapper {
    font-size: 1rem; }
  .card-whole {
    flex-direction: column; }
    .card-whole .card-primary .field {
      padding-right: 0; }
    .card-whole .card-extra {
      display: flex !important;
      margin: 0 -5px; }
      .card-whole .card-extra .field {
        flex: 1;
        padding: 5px;
        color: black;
        font-family: Helvetica, serif; }
      .card-whole .card-extra .recurly-hosted-field {
        width: 100%; }
    .card-whole .card-primary,
    .card-whole .card-extra {
      display: block; }
    .card-whole .recurly-hosted-field {
      height: 50px; }
  .vault-upsell .vault-check,
  .agreement-row .vault-check {
    padding: 8px; }
  .feature-description {
    width: 80%;
    margin: auto;
    object-fit: contain; }
  .payment {
    padding-left: 20px; }
  .card-option-bar {
    font-size: 1rem; }
  .fl-btn {
    height: auto;
    padding: 10px 20px; }
  .payment .ribbon {
    font-size: 8px;
    padding: 2px 0; }
  .sales-page .confirmations-cta .subheader {
    font-size: 1rem;
    width: 80%;
    margin: auto;
    margin-top: 1rem; }
  .sales-page .confirmations-cta .header {
    font-size: 1.2rem; }
  .track1 {
    display: none; }
  .track2 {
    display: block; }
  .upsell-pro-image {
    margin: auto;
    width: 100%; }
  .section-header {
    text-align: center; }
  .sell-header {
    font-size: 25px; }
  .downsell-upsell .order-cta .cta-header {
    font-size: 18px;
    margin-top: -4rem; }
  .downsell-upsell .order-cta .cta-header {
    font-size: 18px; }
  .sales-page-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  .activate-pro .checkout {
    display: none; }
    .activate-pro .checkout.mobile {
      display: inline-block;
      position: fixed; }
  .activate-pro.blue {
    width: 80vw; }
  .downsell-card-container {
    flex-direction: column; }
  .downsell-card-body {
    text-align: center; }
  .page-block .guarantee-section {
    flex-direction: column;
    text-align: center; }
  .page-block .header {
    font-size: 24px;
    margin-top: 1rem; }
  .page-block .subheader {
    margin-bottom: 3rem; }
  .page-block .section-header {
    font-size: 24px; }
  .page-block .order-cta .cta-header {
    font-size: 20px; } }

.downsell-card-container {
  display: flex;
  align-content: center;
  justify-content: center; }

.order-cta {
  text-align: center;
  margin: 2rem auto;
  display: flex;
  flex-direction: column;
  width: 70vw; }
  .order-cta.extra-margin {
    margin: 5rem; }
  .order-cta .cta-header {
    font-size: 24px;
    color: #1e2532;
    margin-bottom: 1.5rem; }
    .order-cta .cta-header.light {
      color: white; }
  .order-cta .cta-subheader {
    font-size: 16px;
    color: #636e84;
    margin-top: 1.5rem; }

.cta-opt-out {
  text-decoration: underline;
  color: rgba(99, 110, 132, 0.77);
  font-weight: 400;
  font-size: 16px;
  margin: 1rem;
  cursor: pointer;
  padding: 16px;
  transition: all 0.2s ease-in-out;
  border-radius: 5px; }
  .cta-opt-out:hover {
    background: #ed5c5c;
    color: white; }

.credit-card-icon {
  margin: 0 5px; }

.agreement-row {
  font-size: 12px;
  color: #888888;
  margin-top: 3em;
  margin-bottom: 1em; }

.mrkting-page__progress {
  background-color: #1e2532;
  padding: 16px 20vw;
  font-size: 16px;
  font-weight: 700; }
  .mrkting-page__progress .progress {
    background-color: rgba(99, 110, 132, 0.52); }
  @media all and (max-width: 767px) {
    .mrkting-page__progress {
      padding: 8px 16px; } }

.before-vault {
  color: #009bf3;
  margin-bottom: 2rem; }

.confirmations-cta {
  display: flex;
  font-size: 1rem;
  flex-direction: column;
  justify-content: center; }
  .confirmations-cta .header {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1rem; }
  .confirmations-cta .subheader {
    font-size: 1.2rem;
    margin-top: 1rem; }
  .confirmations-cta li {
    margin: 0.5rem 0; }
  .confirmations-cta ul {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-self: center; }

.vimeo-embed {
  width: 100%;
  object-fit: cover; }

.video-embed {
  width: 100%; }

.vault-offer {
  background: #1e2532;
  background-image: url(https://order.funnelytics.io/wp-content/uploads/2019/01/Line-BG.png);
  background-position: center center;
  background-repeat: no-repeat;
  height: 100vh;
  color: white;
  font-size: 18px;
  display: flex;
  flex-direction: column;
  padding-top: 3rem;
  text-align: center;
  align-content: center;
  margin: auto;
  justify-content: center; }

.sales-title {
  padding: 0; }

.sales-title__header {
  font-size: 35px;
  width: 90%;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.4em;
  text-align: center;
  margin: 1rem auto 1rem auto; }
  @media all and (max-width: 767px) {
    .sales-title__header {
      font-size: 24px;
      text-align: left;
      width: 90%; } }
  @media all and (max-width: 1024px) {
    .sales-title__header {
      width: 100%; } }
  @media all and (min-width: 1025px) {
    .sales-title__header {
      width: 100%; } }

.sales-title__subheader {
  color: #1e2532;
  font-weight: 600;
  font-weight: 500;
  line-height: 1.4em;
  font-size: 26px; }
  @media all and (max-width: 767px) {
    .sales-title__subheader {
      font-size: 17px; } }

.sales-page__hero-text {
  font-size: 21px;
  text-align: center;
  margin: auto;
  font-weight: 500;
  color: #636e84; }
  @media all and (max-width: 767px) {
    .sales-page__hero-text {
      font-size: 16px;
      text-align: left; } }
  .sales-page__hero-text b {
    font-weight: 700; }

.sales-page__hero-text--alt {
  margin-top: 2rem;
  display: block; }
  @media all and (max-width: 767px) {
    .sales-page__hero-text--alt {
      display: none; } }

.video-player {
  border: none;
  height: calc(100vw / 2);
  width: 100%;
  max-width: 950px;
  max-height: 550px;
  margin: auto; }

.mrkting-container {
  width: 100%; }

.guarentee__section {
  border: 1px solid #009bf3;
  border-radius: 8px;
  padding: 64px;
  width: 80%;
  margin: auto;
  margin-bottom: 2rem;
  box-shadow: 0px 2px 6px 0px rgba(32, 69, 105, 0.1);
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  color: #636e84;
  font-size: 16px; }
  @media all and (min-width: 1025px) {
    .guarentee__section {
      width: 58vw; } }

.guarantee-img {
  width: 50%;
  height: auto;
  max-width: 15rem;
  object-fit: contain;
  margin-right: 1rem; }
  @media all and (max-width: 767px) {
    .guarantee-img {
      margin: none; } }

.guarentee__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: Roboto; }

.guarentee__header {
  font-size: 22px;
  font-family: "Poppins", sans-serif;
  color: #1e2532;
  font-weight: 500;
  line-height: 1.5em; }

.guarentee__subheader {
  font-weight: bold;
  color: #009bf3; }

.activate-pro {
  background: #22d976;
  font-size: 26px;
  font-family: "Poppins", sans-serif;
  line-height: 1.5em;
  border: none;
  color: #fff;
  border-radius: 3px;
  width: 100%;
  font-weight: 600;
  transition: 0.5s all;
  cursor: pointer;
  height: 5rem;
  box-shadow: 0px 4px 15px 0px rgba(74, 210, 96, 0.47); }
  .activate-pro.checkout {
    display: flex;
    align-items: center;
    justify-content: center; }
  .activate-pro.mobile {
    display: none;
    opacity: 1;
    position: fixed;
    bottom: 0; }
  .activate-pro:hover {
    background: #1ac769;
    transform: translateY(-2px); }
  .activate-pro.blue {
    background: #009bf3;
    box-shadow: 0px 4px 15px 0px #009bf3; }
  .activate-pro.blue:hover {
    background: #33b5fe; }
  @media all and (max-width: 767px) {
    .activate-pro {
      padding: 20px 24px;
      font-size: 18px; } }
  @media all and (min-width: 1025px) {
    .activate-pro {
      margin: auto; } }

.upsell-bonus {
  padding: 40px;
  font-size: 36px;
  text-align: center; }
  @media all and (max-width: 767px) {
    .upsell-bonus {
      font-size: 26px;
      text-align: left; } }
  @media all and (min-width: 1025px) {
    .upsell-bonus {
      width: 58vw;
      margin: auto; } }

.upsell-bonus__total-value {
  display: flex;
  justify-content: center;
  color: #1e2532;
  margin: 1rem 0;
  font-weight: 600;
  font-size: 36px; }
  @media all and (max-width: 767px) {
    .upsell-bonus__total-value {
      font-size: 26px; } }

.upsell-bonus__total-value--price {
  text-decoration: line-through;
  color: #f43434;
  margin: 0 8px; }

.upsell-bonus__total-value--free {
  color: #009bf3; }

.upsell-bonus__body {
  color: #636e84;
  font-weight: 400;
  font-size: 20px; }

.testimonal-quote {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 0 1rem; }

.testimonial-quote__img {
  width: 48px;
  height: auto;
  max-width: 15rem;
  object-fit: contain;
  border-radius: 50%;
  margin-top: 15px;
  margin-right: 14px; }

.testimonial-quote__name {
  font-weight: bold;
  color: #385998; }

.upsell-block--dark {
  background-color: #171f33;
  padding: 20px 20px;
  border-bottom: 1px solid #636e84;
  margin: 0; }

.warning-upsell {
  border-style: solid;
  border-width: 2px 0px 2px 0px;
  border-color: #f43434;
  background-color: #fff7f7;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  text-align: center;
  font-size: 24px;
  padding: 80px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media all and (max-width: 767px) {
    .warning-upsell {
      padding: 40px;
      font-size: 18px; } }

.warning-upsell__header {
  font-weight: 700;
  color: #f43434; }

.warning-upsell__body {
  width: 75%; }
  @media all and (max-width: 767px) {
    .warning-upsell__body {
      font-size: 18px; } }
  @media all and (min-width: 1025px) {
    .warning-upsell__body {
      width: 58vw; } }

@media all and (max-width: 767px) {
  .testimonial-quote__quote {
    font-size: 14px;
    font-family: Roboto; }
  .upsell-bonus__body {
    font-size: 18px; }
  .upsell-bonus__header {
    font-size: 26px; }
  .guarentee__header {
    margin: 1rem 0; }
  .cta-opt-out {
    font-size: 16px; }
  .guarentee__section {
    flex-direction: column;
    justify-content: flex-start;
    padding: 48px 32px 48px 32px;
    width: 90%; } }

.sales-page__hero {
  margin: 2rem 0; }
  @media all and (max-width: 767px) {
    .sales-page__hero {
      width: 90vw;
      margin: 1rem 0; } }
  @media all and (max-width: 1024px) {
    .sales-page__hero {
      width: 90vw; } }
  @media all and (min-width: 1025px) {
    .sales-page__hero {
      width: 100%; } }

/* These styles are for smaller tables like Regular iPad
=========================================================== */
@media only screen and (max-width: 1023px) {
  .activate-pro {
    padding: 20px 24px;
    height: auto; }
  .order-cta {
    width: 100%; }
  .testimonial-block {
    display: flex;
    flex-direction: column; } }

/* Mobile Styles
=================== */
@media only screen and (max-width: 767px) {
  .mrkting-page {
    padding-left: 20px;
    padding-right: 20px; }
  .video-player {
    margin-bottom: 20px; }
  .sales-page__hero-text {
    text-align: center; }
  .upsell-bonus__cards {
    padding: 0; }
  .upsell-bonus__total-value {
    font-size: 23px;
    justify-content: start; }
  .cta-headline {
    text-align: center; }
  .testimonal-quote {
    margin: 0; } }

/* These styles are for iPad Pro (1024px) and above
====================================================== */
.progress-bar {
  font-size: 16px;
  font-weight: 700; }

.mrkting-page {
  padding: 40px 40px 80px; }

.downsell-upsell {
  max-width: 1024px;
  margin: 0 auto;
  /* remove all flexbox styling
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    */ }

.sales-title {
  padding: 0; }

/* There is a media query for min-width 1025px that is
setting title width to 58vw which makes stuff look weird */
.mrkting-page .downsell-upsell .sales-title .sales-title__header {
  width: 100%; }

.sales-page__hero {
  width: 100%; }

.video-player {
  width: 100%; }

.mrkting-container {
  width: 100%; }

/* using unit "vw" causes button to stretch outside containing section*/
.order-cta {
  width: 100%;
  max-width: 1024px; }

.activate-pro {
  padding: 20px 24px;
  width: 100%; }

.guarentee__section {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto; }

.warning-upsell {
  padding: 100px 40px; }

.upsell-bonus {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 0; }

.upsell-bonus__cards {
  max-width: 1200px;
  margin: 0 auto; }

.upsell-block {
  padding: 80px 0; }

.upsell-block--dark {
  padding: 80px 40px; }

.cta-headline {
  width: 100%;
  max-width: 1024px; }

.testimonial-block {
  padding: 20px 0 0 0;
  max-width: 1200px;
  margin: 0 auto; }

.learning-modal {
  width: 85%;
  height: calc(100vh - 14rem);
  margin: auto;
  overflow: hidden;
  padding: 0;
  font-family: "Roboto", Arial, Helvetica, sans-serif; }

@media screen and (min-width: 100px) {
  .learning-modal__responsive {
    flex-direction: column-reverse; } }

@media screen and (min-width: 900px) {
  .learning-modal__responsive {
    flex-direction: row; } }

.learning-modal-overflow {
  overflow-y: auto; }

.learning-modal--high-z-index {
  z-index: 1000; }

.learning-modal__menu {
  height: 100%;
  transition: all 0.4s ease-in-out;
  border-right: 1px solid #d8dde6;
  overflow-y: auto; }

@media screen and (min-width: 100px) {
  .learning-modal__menu__responsive {
    width: 100%; } }

@media screen and (min-width: 900px) {
  .learning-modal__menu__responsive {
    width: 337px; } }

.learning-modal__menu-title {
  font-size: 18px;
  padding: 12px;
  border-bottom: 1px solid #d8dde6;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  height: 81px;
  display: flex;
  color: #313a4b;
  align-items: center;
  justify-content: center; }

.learning-modal__menu-item {
  padding: 0.5rem 1rem;
  cursor: pointer;
  display: flex;
  border-bottom: 1px solid #d8dde6;
  align-items: center;
  transition: all 0.4s ease-in-out;
  justify-content: space-between;
  border: 1px solid #d8dde6;
  height: 48px;
  box-sizing: border-box;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin: 8px 15px;
  fill: #4ad260; }
  .learning-modal__menu-item:hover {
    box-shadow: 0 4px 10px rgba(32, 69, 105, 0.1); }

.learning-modal__menu-item-icon {
  margin-right: 5px; }

.learning-modal__play-icon {
  fill: #009bf3;
  border: 1px solid #009bf3;
  border-radius: 20px;
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -2px; }

.learning-modal__watching-item {
  font-size: 11px; }

.learning-modal__menu-item--checked {
  background: #f1f3f9;
  border: none; }

.learning-modal__menu-item--active {
  background: #009bf3;
  fill: white;
  color: #fff;
  border: none;
  box-shadow: 0px 2px 8px rgba(0, 155, 243, 0.3); }
  .learning-modal__menu-item--active .learning-modal__menu-item-acknowledgement {
    border: 1px solid #009bf3;
    box-shadow: 0 0 6px #009bf3; }
  .learning-modal__menu-item--active .learning-modal__menu-item-acknowledgement--green {
    border: 1px solid #4ad260;
    box-shadow: 0 0 6px #4ad260; }
  .learning-modal__menu-item--active .learning-modal__play-icon {
    fill: white;
    border: 1px solid white; }

.learning-modal__menu-item-acknowledgement {
  height: 2rem;
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #d8dde6;
  margin-right: 1rem;
  cursor: pointer;
  transition: all 0.4s ease-in-out; }

.learning-modal__menu-item-acknowledgement--green {
  background: #4ad260;
  fill: white;
  border: 1px solid #4ad260;
  stroke: white;
  stroke-width: 2px; }

.learning-modal__open-toggle {
  outline: none;
  border: none;
  position: absolute;
  z-index: 100;
  right: 0;
  display: none; }

.learning-modal__video {
  width: 100%;
  height: 100%;
  border: none;
  margin-bottom: 2rem; }

.learning-modal__video-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 2rem; }

.learning-video-modal ~ .script-onboarding-modal {
  opacity: 0; }

.learning-video__carousel-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  width: 60%;
  font-family: "Roboto", Arial, Helvetica, sans-serif; }

.learning-video__mark-complete {
  color: white;
  background: #4ad260;
  border: none;
  outline: none;
  border-radius: 5px;
  padding: 0.5rem 1rem;
  margin-bottom: 8px;
  cursor: pointer; }

.learning-video__carousel-controls--center {
  justify-content: center; }

.learning-video__more-help-subtext {
  font-size: 14px;
  margin: auto;
  margin-top: 1rem;
  justify-content: center;
  text-align: center;
  cursor: pointer; }

.learning-video__disclaimer {
  font-size: 20px;
  margin-bottom: 8px; }

.learning-video__button-container {
  display: flex;
  flex-direction: row; }

@media screen and (min-width: 100px) {
  .learning-modal-btn-overwritten {
    min-width: 33%; } }

@media screen and (min-width: 900px) {
  .learning-modal-btn-overwritten {
    min-width: 180px; } }

.starter-modal__title {
  font-family: "Poppins", sans-serif;
  font-weight: 400; }

.starter-modal__content {
  display: flex;
  gap: 9rem;
  font-family: "Nunito", sans-serif;
  padding: 6.5% 5% 2.5rem 5%;
  background-image: url("/assets/starter-modal-bg.svg");
  background-size: cover;
  width: 100%;
  height: 100%;
  overflow: auto; }

@media screen and (min-width: 900px) {
  .starter-modal__content__responsive {
    flex-direction: row; } }

.starter-modal-feature-list-icon {
  width: 20px;
  height: 20px;
  margin-left: 0; }

.starter-modal__feature-list-item {
  display: flex;
  align-items: self-start;
  margin-right: 23px;
  margin-bottom: 36px; }

.starter-modal__feature-list-item_image {
  padding: 10px 16px;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  display: inline-block; }

.starter-modal__content_right {
  margin-top: 0.5rem;
  margin-left: auto;
  margin-right: auto; }

@media screen and (min-width: 100px) {
  .starter-modal__content_right__responsive {
    min-width: 72.5vw;
    max-width: 77.5vw; } }

@media screen and (min-width: 900px) {
  .starter-modal__content_right__responsive {
    min-width: 47.5vw;
    max-width: 52.5vw; } }

.starter-modal__video-container {
  border-radius: 10px;
  box-shadow: 0px 0px 57px rgba(0, 0, 0, 0.12); }

.starter-modal__buttons {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background: #fff;
  border-radius: 10px; }

.starter-modal__iframe_container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; }
  .starter-modal__iframe_container iframe {
    border: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px; }

.starter-modal__book-button {
  background: #00ca64;
  padding: 12px 40px;
  display: block;
  box-sizing: border-box;
  height: unset; }

.starter-modal__back-button {
  background: transparent;
  color: #202736;
  text-decoration-line: underline;
  font-size: 18px;
  border: none; }
  .starter-modal__back-button:hover {
    cursor: pointer; }

.starter-modal {
  width: calc(100vw - 3.5rem);
  height: calc(100vh - 14rem);
  margin: auto;
  overflow: hidden;
  padding: 0;
  flex-direction: row; }

.starter-modal-overflow {
  overflow-y: auto; }

#page-stencil {
  color: #9aa5b5;
  width: 25rem; }

.canvas-sidebar {
  position: absolute;
  overflow: visible;
  width: 48px;
  z-index: 99;
  left: 8px;
  top: 64px; }
  .canvas-sidebar .popout {
    position: absolute;
    z-index: 10;
    top: 3.5rem;
    left: 0;
    background: #fff;
    transition: 0.15s all ease-in-out;
    box-shadow: 0 4px 15px rgba(32, 51, 89, 0.1), 0 2px 4px rgba(26, 42, 74, 0.03);
    border-radius: 4px; }
    .canvas-sidebar .popout::-webkit-scrollbar {
      width: 0;
      background: transparent; }
    .canvas-sidebar .popout .exit {
      position: absolute;
      top: 10px;
      right: 0;
      width: 40px;
      height: 40px;
      background: #313a4b;
      display: flex;
      justify-content: center;
      align-items: center;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      cursor: pointer;
      transition: 0.15s all ease-in-out; }
      .canvas-sidebar .popout .exit:hover {
        background: #858889; }
      .canvas-sidebar .popout .exit .icon {
        color: white; }
    .canvas-sidebar .popout.extended {
      width: 16rem; }
    .canvas-sidebar .popout.templates .inner {
      overflow-y: scroll; }
      .canvas-sidebar .popout.templates .inner::-webkit-scrollbar {
        width: 0;
        background: transparent; }
    .canvas-sidebar .popout .inner {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      overflow-y: hidden; }
      .canvas-sidebar .popout .inner select {
        width: 100%;
        border: none;
        background: transparent;
        margin-top: 15px;
        text-align: center; }
        .canvas-sidebar .popout .inner select:focus {
          outline: none; }
    .canvas-sidebar .popout.show {
      left: 3.5rem;
      overflow: hidden;
      width: 25rem;
      height: 27.15rem; }
      .canvas-sidebar .popout.show .exit {
        right: -40px; }
    .canvas-sidebar .popout .stencil .joint-stencil {
      border: none;
      height: 100%; }
      .canvas-sidebar .popout .stencil .joint-stencil .content {
        overflow: hidden;
        overflow-y: scroll;
        padding: 20px 0;
        height: 100%; }
        .canvas-sidebar .popout .stencil .joint-stencil .content .elements {
          background: transparent;
          width: auto; }
  .canvas-sidebar .left-toolbar-layers {
    width: 3rem;
    transition: all 0.3s ease-out; }
    .canvas-sidebar .left-toolbar-layers.active {
      width: 36.5rem; }
      .canvas-sidebar .left-toolbar-layers.active .left-toolbar-icon-type.active {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .canvas-sidebar .left-toolbar-layers .layers-control {
      width: 3rem;
      position: relative; }
    .canvas-sidebar .left-toolbar-layers .left-toolbar__item {
      display: flex;
      position: initial; }
    .canvas-sidebar .left-toolbar-layers .layers {
      display: flex;
      background: #fff;
      flex-direction: row;
      position: fixed;
      left: 3.5rem;
      transition: all 0.3s ease-out;
      opacity: 0;
      visibility: hidden;
      align-items: center;
      height: 3rem; }
      .canvas-sidebar .left-toolbar-layers .layers.active {
        opacity: 1;
        visibility: visible; }
      .canvas-sidebar .left-toolbar-layers .layers .layer {
        display: flex;
        align-items: center; }
        .canvas-sidebar .left-toolbar-layers .layers .layer .title {
          color: #9aa5b5;
          font-size: 13px; }
        .canvas-sidebar .left-toolbar-layers .layers .layer.layer-disabled {
          opacity: 0.5; }

.left-toolbar {
  width: 48px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: center;
  z-index: 99;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 6px rgba(49, 57, 75, 0.25); }

.icons-set__type {
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase; }

.left-toolbar__item {
  position: relative; }

.left-toolbar__item:first-child .left-toolbar-icon-type {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px; }

.left-toolbar__item:last-child .left-toolbar-icon-type:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

.left-toolbar-icon-type {
  display: flex;
  height: 3rem;
  width: 100%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  color: #9aa5b5;
  fill: #9aa5b5; }
  .left-toolbar-icon-type.search {
    background: linear-gradient(360deg, #f0f2f7 0%, #9aa5b6 73.91%);
    border-radius: 2px;
    width: 24px;
    height: 24px;
    margin-bottom: 1rem; }
  .left-toolbar-icon-type:hover {
    text-decoration: none; }
    .left-toolbar-icon-type:hover .icons-sidebar__header {
      color: #009bf3; }
    .left-toolbar-icon-type:hover .left-sidebar--cursor {
      color: #9aa5b5;
      fill: #9aa5b5; }
      .left-toolbar-icon-type:hover .left-sidebar--cursor:hover {
        color: #009bf3; }
  .left-toolbar-icon-type .left-toolbar-icon {
    fill: currentColor;
    stroke: currentColor;
    width: 16px;
    height: 16px; }
    .left-toolbar-icon-type .left-toolbar-icon.map-icons {
      width: 18px;
      height: 18px; }
  .left-toolbar-icon-type .chevron-down {
    position: absolute;
    font-size: 5px;
    top: 46%;
    right: 15%; }

.left-toolbar-icon-type.active {
  fill: #009bf3;
  color: #009bf3;
  background: rgba(0, 0, 0, 0.05); }

.left-toolbar-icon-type:hover {
  background: rgba(0, 0, 0, 0.05); }

.left-toolbar__separator {
  background: #d8dde6;
  width: 32px;
  height: 1px;
  align-self: center; }

.left-sidebar__icon-title {
  width: 56px;
  display: block;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: inherit;
  margin-top: 3px;
  color: #9aa5b5; }

.icons-sidebar__header {
  font-weight: 500;
  font-size: 9px;
  margin-top: 5px;
  font-weight: bold;
  text-transform: uppercase; }

.left-sidebar-list-item {
  display: flex;
  flex-direction: column;
  color: white;
  width: 64px; }

.left-sidebar__container {
  user-select: all;
  pointer-events: all;
  cursor: grab;
  width: 64px;
  display: contents; }

.left-sidebar__container--disabled {
  cursor: not-allowed; }

.left-sidebar__icon {
  max-width: 58px;
  max-height: 65px; }

.left-sidebar__icon--disabled {
  pointer-events: none; }

.icons-set {
  display: grid;
  grid-template-columns: 64px 64px 64px 64px 64px;
  row-gap: 1rem;
  column-gap: 0.6rem;
  font-size: 0.625rem;
  margin: 0.75rem 0; }

.icons-set__header {
  display: flex;
  justify-content: space-between; }

.display-more-toggle {
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  cursor: pointer;
  color: #009bf3; }

.left-sidebar__search {
  color: currentColor;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 2rem;
  padding: 0.5rem 0.5rem 0.5rem 3rem;
  background: #fff;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: none;
  outline: none; }
  .left-sidebar__search::placeholder {
    opacity: 0.5;
    font-style: italic; }

.custom-icons__button {
  width: 100%;
  justify-content: center;
  background: #fff;
  height: 32px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  box-sizing: border-box;
  border-color: #ebeced;
  border-style: solid;
  border-width: 1px 0 0 0;
  cursor: pointer;
  color: #9aa5b5; }
  .custom-icons__button:hover {
    background: #ebeced; }

.template-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 2rem 0;
  overflow-y: scroll; }

.template-name {
  margin: 0 -20px;
  padding: 0 10px;
  box-sizing: border-box;
  width: calc(100% + 40px);
  display: block;
  text-align: c enter;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.5rem;
  margin-top: 2rem; }

.templates__empty-notification {
  color: white;
  text-align: center; }

.template {
  padding: 20px;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  cursor: grab;
  cursor: -webkit-grab; }
  .template object {
    max-width: 100%;
    max-height: 100px;
    pointer-events: none; }

.zero-search-results {
  font-size: 10px;
  margin: 1rem; }

.left-sidebar__popout-section {
  position: fixed;
  background: #fff;
  margin-left: 7rem;
  margin-top: 0;
  height: 3rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  box-shadow: 0 0 6px rgba(49, 57, 75, 0.25); }
  .left-sidebar__popout-section.shapes {
    margin-left: 3.5rem; }

.left-sidebar__popout-section--item {
  margin: auto;
  height: 2.15rem;
  width: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  fill: #9aa5b5;
  color: #9aa5b5; }
  .left-sidebar__popout-section--item:hover .icon {
    fill: #009bf3;
    color: #009bf3; }
  .left-sidebar__popout-section--item:active {
    cursor: grabbing; }

.top-section-icon {
  width: 100%;
  border-bottom: 1px solid #ebeced; }

.icons-section {
  height: 305px;
  overflow-y: scroll;
  overflow-x: hidden; }

.section-icon {
  padding: 0 1.3rem; }

.search-section {
  position: relative;
  color: #9aa5b5; }
  .search-section .search-icon {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 11px;
    left: 19px;
    fill: currentColor; }

.type-chips {
  display: flex;
  border-bottom: 1px solid #ebeced;
  height: 32px; }
  .type-chips .chip {
    flex-basis: 0;
    flex-grow: 1;
    color: #9aa5b5;
    font-weight: 500;
    border-color: #ebeced;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-radius: 0; }
    .type-chips .chip.active {
      background: rgba(0, 0, 0, 0.05);
      color: #009bf3; }
    .type-chips .chip:hover {
      background: rgba(0, 0, 0, 0.025); }
    .type-chips .chip:last-child {
      border: none; }
    .type-chips .chip .chip-icon {
      fill: currentColor;
      width: 12px;
      height: 12px;
      margin-right: 4px; }
    .type-chips .chip .chip-text {
      vertical-align: middle; }

.left-sidebar-shape-icon {
  display: flex; }

.save-as-template-icon .icon-plus {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 12px;
  left: 10px; }

.left-sidebar--cursor-grab {
  position: relative; }

.left-sidebar__cursor-type {
  position: relative; }
  .left-sidebar__cursor-type .left-toolbar-icon-type:hover {
    fill: #9aa5b5;
    color: #9aa5b5; }
  .left-sidebar__cursor-type .left-toolbar-icon-type:hover {
    fill: #9aa5b5;
    color: #9aa5b5; }

.page-icons .left-sidebar__close-button {
  height: 2rem;
  width: 2rem;
  left: 8px;
  background-color: #1e2532;
  position: fixed;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.15s all ease-in-out; }

.page-icons.show .left-sidebar__close-button {
  left: 24rem; }

.page-icons-tabs {
  display: flex; }
  .page-icons-tabs .page-icon-tab {
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    background: #1e2532;
    color: #fff;
    justify-content: center;
    align-items: center;
    border: none;
    font-size: 11px;
    height: 32px;
    outline: none;
    cursor: pointer; }
    .page-icons-tabs .page-icon-tab.active {
      background: #07090d;
      color: #009bf3; }

.ql-toolbar {
  box-shadow: 2px 2px 3px rgba(214, 222, 230, 0.3);
  color: white;
  margin-bottom: 1rem;
  display: flex; }
  .ql-toolbar.ql-snow {
    border: none;
    border-bottom: 1px solid #d8dde6; }

.notes-editor .ql-snow .ql-editor {
  height: 64vh !important;
  min-height: 10rem;
  transition: height 1.2s; }

.notes-editor .ql-snow .ql-blank {
  height: 10rem !important;
  transition: height 1.2s; }

.ql-snow .ql-tooltip.ql-editing input[type='text']::placeholder {
  color: black; }

.ql-picker-label {
  margin-top: -3px; }

.ql-container.ql-snow {
  border: none; }

.ql-expandSidebar {
  background: no-repeat scroll 50% 50% transparent !important;
  background-image: url("../assets/sidebar-icons/expand.svg") !important;
  text-align: center;
  right: 13px;
  position: absolute; }

.notes-panel {
  width: 550px;
  right: -550px;
  background: white;
  height: calc(100% - 50px);
  z-index: 100;
  position: absolute;
  box-shadow: -1px 4px 20px #4c4c4c38;
  transition: 0.4s all ease-in-out; }
  .notes-panel.shown {
    right: 0; }
  .notes-panel.expanded {
    width: 950px; }
  .notes-panel .notes-card {
    display: flex;
    align-items: center;
    height: 97px;
    padding: 0 2rem;
    border-bottom: 1px solid #d8dde6; }
    .notes-panel .notes-card:nth-child(odd) {
      border-right: 1px solid #d8dde6; }
    .notes-panel .notes-card:nth-child(even) {
      background: #fbfbfe; }
    .notes-panel .notes-card.expanded {
      background: white; }
    .notes-panel .notes-card .notes-label {
      font-size: 13px;
      font-weight: 500;
      position: absolute;
      margin-left: 47px;
      margin-top: -10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 300px;
      color: #009bf3; }
    .notes-panel .notes-card .notes-image {
      height: 36px;
      margin-right: 1rem; }
  .notes-panel .notes-text-preview {
    font-size: 11px;
    position: absolute;
    margin-top: 13px;
    margin-left: 3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 390px; }

.notes-chevron {
  display: flex;
  margin-left: auto; }

.notes-list__section {
  display: grid; }
  .notes-list__section.expanded {
    grid-template-columns: auto auto; }

.back-arrow {
  margin-bottom: 3px;
  cursor: pointer; }
  .back-arrow:hover {
    color: #33b5fe; }

.joint-free-transform,
.selection-box {
  z-index: 48; }

.element-toolbar {
  background: #ffffff;
  border: 1px solid #d8dde6;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px rgba(30, 37, 50, 0.05);
  border-radius: 4px;
  font-size: larger;
  display: inline-flex;
  line-height: 0;
  width: auto;
  height: 45px;
  color: #a6abb7;
  font-weight: bold;
  padding-left: 6px;
  padding-right: 6px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 15px);
  pointer-events: auto;
  transition: all 0.5s;
  z-index: 48; }
  .element-toolbar.element-toolbar--hidden {
    opacity: 0; }

.element-toolbar__settings--active {
  background-color: #249ecf;
  color: #fff; }

.element-toolbar__focus--active {
  background-color: #7b47ea;
  color: #fff; }

.element-toolbar__notes--active {
  background-color: #ec498e;
  color: white; }

.toolBarGridItem {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  cursor: pointer; }
  .toolBarGridItem:hover {
    background: #f0f2f7; }

.icon-chart-growth {
  height: 23px;
  font-size: 22px;
  right: 11px;
  left: 10px;
  margin-right: -4px; }

.toolBarGridItemLink:hover {
  background-color: #1790d4;
  color: white; }

.element-toolbar__link {
  background-color: transparent;
  position: absolute;
  top: calc(50% - 19px);
  cursor: grab;
  pointer-events: auto;
  z-index: 48; }

.element-toolbar__link-handle {
  width: 25px;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 5px;
  position: absolute;
  color: #ffffff; }
  .element-toolbar__link-handle .icon {
    fill: #009bf3;
    width: 22px;
    height: 22px; }

.element-toolbar__link--previous {
  left: -15px; }
  .element-toolbar__link--previous .element-toolbar__link-handle {
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
    padding-left: 5px; }

.element-toolbar__link--next {
  right: 13px; }

.element-toolbar__link--explore {
  /**
   * Position at bottom of the select box, in the center.
   */
  display: flex;
  width: 100%;
  justify-content: center;
  bottom: 15px;
  top: initial;
  cursor: pointer;
  transform: translateX(-9px); }
  .element-toolbar__link--explore .element-toolbar__link-handle {
    display: flex;
    justify-content: center;
    width: 40px;
    height: 25px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    padding-top: 2px; }
  .element-toolbar__link--explore.active .icon {
    fill: #ec4a8e; }

.element-toolbar__link:active {
  cursor: grabbing; }
  .element-toolbar__link:active .icon {
    fill: #ec4a8e; }

.toolbar--icon {
  color: #1e2532;
  margin: 0 auto;
  font-size: 20px;
  padding: 2px; }

.joint-halo.joint-theme-default.pie .pie-toggle {
  margin-right: -2px;
  margin-top: -2px; }

.joint-halo.joint-theme-default.pie .watch-video .slice:hover {
  fill: #f9515b; }

.joint-halo.joint-theme-default.pie .popup .slice:hover {
  fill: orange; }

.joint-halo.joint-theme-default.pie .create-link .slice:hover {
  fill: #009bf3; }

.joint-halo.joint-theme-default.pie .purchase .slice:hover {
  fill: #4ad260;
  color: white; }

.joint-halo.joint-theme-default.pie .form-submit .slice:hover {
  fill: #f2b141; }

.joint-halo.joint-theme-default.pie .scroll .slice:hover {
  fill: #fdaf11; }

.joint-halo.joint-theme-default.pie .click-action .slice:hover {
  fill: #7b47ea; }

/**
 * Pie menu.
 */
.joint-halo.joint-theme-default.pie {
  margin: 0; }
  .joint-halo.joint-theme-default.pie .handles {
    background-color: #1e2532;
    border: none;
    margin: 0; }
  .joint-halo.joint-theme-default.pie .handle {
    width: 30px;
    pointer-events: none; }
    .joint-halo.joint-theme-default.pie .handle path {
      pointer-events: auto; }
  .joint-halo.joint-theme-default.pie .pie-toggle {
    margin: 0; }

.joint-halo.joint-theme-default.pie.slice:hover {
  fill: #4ad260; }

.joint-halo.joint-theme-default .box {
  display: none; }

.joint-halo.joint-theme-default.pie .slice {
  stroke: none; }

.project-settings__card-container {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  column-gap: 16px; }
  @media all and (min-width: 960px) {
    .project-settings__card-container {
      grid-template-columns: 1fr 1fr; } }
  @media all and (min-width: 2000px) {
    .project-settings__card-container {
      grid-template-columns: 1fr 1fr 1fr; } }

@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
    display: block; }
  90% {
    opacity: 0.4;
    display: block; }
  99% {
    opacity: 0;
    display: block; }
  100% {
    opacity: 0;
    display: none; } }

@-moz-keyframes fadeout {
  0% {
    opacity: 1;
    display: block; }
  90% {
    opacity: 0.4;
    display: block; }
  99% {
    opacity: 0;
    display: block; }
  100% {
    opacity: 0;
    display: none; } }

@keyframes fadeout {
  0% {
    opacity: 1;
    display: block; }
  90% {
    opacity: 0.4;
    display: block; }
  99% {
    opacity: 0;
    display: block; }
  100% {
    opacity: 0;
    display: none; } }

.project-integrations__card-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  max-width: 450px; }

@media (max-width: 1366px) {
  .project-integrations__card-container {
    grid-template-columns: 1fr; } }

.project-integrations__card-input-wrapper {
  display: flex; }
  .project-integrations__card-input-wrapper .fl-input-wrapper {
    margin-right: 20px; }
  .project-integrations__card-input-wrapper .fl-input-wrapper:last-child {
    margin-right: 0; }

.project-integrations__card-input {
  padding: 0 16px;
  font-size: 14px;
  max-width: 175px; }

.project-integrations__logo {
  margin-left: -20px;
  margin-top: -20px; }

.webhook-integrations__logo {
  padding-bottom: 7px; }

.copy-success {
  background-color: lightgreen;
  color: white;
  -webkit-animation: fadeout 2s ease-in forwards;
  -moz-animation: fadeout 2s ease-in forwards;
  animation: fadeout 2s ease-in forwards;
  position: fixed;
  padding: 6px;
  transform: translate(0px, 74px); }

.copy-error {
  background-color: lightcoral;
  color: white;
  -webkit-animation: fadeout 2s ease-in forwards;
  -moz-animation: fadeout 2s ease-in forwards;
  animation: fadeout 2s ease-in forwards;
  position: fixed;
  padding: 6px;
  transform: translate(-1px, 74px); }

.fl-input-readonly {
  background-color: #f2f2f2d4;
  color: #7b7b7b;
  cursor: pointer;
  padding: 16px 28px 16px 12px; }

.fl-input-copy {
  position: relative;
  transform: translate(155px, -33px);
  width: 18px; }

.fl-copy-icon {
  height: 16px;
  width: 14px;
  opacity: 0.5; }

.recurly-hosted-field {
  color: #636e84;
  height: 3rem; }

.payment-warning {
  border: 1px solid red; }

.payment-status {
  border-radius: 2px;
  display: flex;
  justify-content: center; }
  .payment-status.paid {
    background-color: rgba(74, 210, 96, 0.2);
    color: #4ad260; }
  .payment-status.failed {
    background-color: rgba(255, 116, 72, 0.15);
    color: #f0997d; }

.maintainence {
  display: flex;
  flex-direction: column;
  padding: 35px;
  align-items: center; }
  @media all and (min-width: 768px) {
    .maintainence {
      padding: 70px; } }

.maintainence__header {
  margin-bottom: 2rem; }

.maintainence__subheader {
  color: #9aa5b6; }

.maintainence__body {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  @media all and (min-width: 768px) {
    .maintainence__body {
      flex-direction: row; } }

.maintainence__logo {
  width: 100%;
  height: auto;
  margin-bottom: 3rem; }
  @media all and (min-width: 768px) {
    .maintainence__logo {
      width: auto;
      height: 40px;
      margin-bottom: 9rem; } }

.maintainence__broken-funnel {
  width: 100px; }
  @media (min-width: 768px) {
    .maintainence__broken-funnel {
      width: 397px; } }

.maintainence__text-section {
  max-width: 696px; }

.maintainence__explaination {
  line-height: 27px;
  color: #636e84;
  font-size: 14px; }
  @media all and (min-width: 768px) {
    .maintainence__explaination {
      font-size: 18px; } }

.vault--index {
  display: flex;
  flex-direction: row;
  height: 100vh; }

.sider {
  flex: 0.2;
  padding: 2rem;
  height: 100vh; }

.isotope-grid {
  margin-left: 19rem;
  display: flex;
  flex-wrap: wrap;
  padding: 1rem;
  align-content: flex-start; }

.isotope-grid--item {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  overflow: hidden;
  margin: 20px;
  height: 225px; }

.grid-item--image-wrapper {
  height: 200px;
  width: 100%;
  flex: 1; }

.grid-item--image-wrapper img {
  max-height: 100%;
  max-width: 100%; }

.grid--item--content {
  display: flex;
  flex-direction: column;
  max-width: 20rem;
  min-width: 20rem;
  min-height: 17.5rem;
  height: 250px; }

.blog-main {
  margin-bottom: 10rem; }

.break {
  border-bottom: 1px solid #eee;
  padding: 1rem; }

.break-2 {
  border-bottom: 1px solid #eee;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 2rem; }

.blog-nav {
  border-bottom: 1px solid #eee;
  padding: 1rem;
  text-align: center; }

.blog-section-2 {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  text-align: center; }

.column {
  display: flex;
  flex-direction: column; }

.text-container {
  padding: 1rem; }

.blog-share-link {
  text-align: center;
  font-size: 75%;
  padding: 0.5rem; }

.blog-title {
  font-weight: bold;
  text-align: center;
  padding: 1rem 0; }

.picture-section {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center; }

.case-study {
  text-align: center; }

.download--button {
  min-height: 36.1905px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #008fd7 !important;
  display: flex;
  flex-direction: column;
  color: white;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  margin-top: 1rem; }

.custom-dot-class {
  display: flex;
  list-style: none;
  justify-content: center;
  align-items: center; }

.custom-dot-class button {
  border-radius: 8px;
  margin: 0.25rem; }

.carousel-container {
  width: 80%;
  margin-left: 10%;
  overflow: visible;
  height: 400px; }
  .carousel-container .carousel-item {
    height: inherit; }
    .carousel-container .carousel-item .wrapper {
      height: inherit;
      display: flex;
      justify-content: center;
      align-items: center; }
      .carousel-container .carousel-item .wrapper img {
        max-height: 100%;
        max-width: 100%;
        object-fit: contain; }

#prev {
  left: -7.5%; }

#next {
  right: -7.5%; }

#prev,
#next {
  position: absolute;
  top: 50%;
  color: black;
  font-size: 36px;
  z-index: 1000;
  transform: translateY(-50%);
  cursor: pointer; }

.vault-disclaimer {
  font-size: 0.8rem;
  text-align: center;
  padding: 0.25rem;
  border-top: 1px solid #eee;
  width: 60%;
  margin: 50px auto 0 auto; }

.vault--container {
  padding: 0 !important; }

.vault-main {
  display: flex;
  flex-direction: column; }

.vault-main .row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 4rem; }

.vault-main .col-md-12:not(:first-child) {
  margin-top: 1rem; }

.vault-main .column {
  display: flex;
  flex-direction: column;
  flex: 1; }

.row .component {
  background-color: white;
  border: 1px solid #eee;
  display: flex;
  flex-direction: column; }

.row .component {
  flex-basis: 100%;
  text-align: center;
  padding: 0.75rem 0; }

.component img {
  max-width: 100%; }

.component span {
  padding-bottom: 0.75rem; }

@media screen and (min-width: 767px) {
  .row .component {
    flex-basis: 33%; } }

.article-item {
  padding-left: 1rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-decoration: none;
  color: #000; }

.article-item a {
  cursor: pointer;
  padding: 0; }

.article-item:hover {
  transition: all 0.15s ease-in-out;
  background-color: #b9bcc1; }

.nav--link:hover {
  transition: all 0.15s ease-in-out; }

.sider {
  background-color: #252d3d;
  color: white;
  position: fixed;
  margin-top: -0.5rem;
  padding-bottom: 4rem;
  overflow-y: scroll; }

.radio-options {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.radio-options--container {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.tool-block {
  padding: 0 30px;
  position: relative;
  justify-content: center;
  align-items: center;
  font-size: 12px; }

.toolbar-icon {
  font-size: 19px;
  color: white; }

.tool-bar-tool-section {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  height: 48px;
  width: 48px;
  cursor: pointer; }
  .tool-bar-tool-section .toolbar-icon {
    font-size: 16px;
    color: #9aa5b5; }
  .tool-bar-tool-section:hover {
    background-color: rgba(0, 0, 0, 0.05); }
  .tool-bar-tool-section.selected {
    background-color: rgba(0, 0, 0, 0.05); }
    .tool-bar-tool-section.selected .toolbar-icon {
      color: #009bf3; }

.settings-tool {
  display: flex; }
  .settings-tool .funnel-settings {
    position: relative; }
  .settings-tool .account-settings {
    position: relative; }
    .settings-tool .account-settings .toolbar-icon {
      font-size: 20px;
      width: 20px;
      height: 20px; }

.analytics-status-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  height: 48px;
  width: 48px;
  cursor: pointer;
  position: relative; }
  .analytics-status-button:hover {
    background: rgba(0, 0, 0, 0.05); }
  .analytics-status-button .icon-sync {
    font-size: 20px;
    display: flex;
    color: #9aa5b5;
    fill: #9aa5b5;
    box-sizing: content-box;
    height: 48px; }
  .analytics-status-button .load-status {
    bottom: -4px;
    right: -2px;
    position: absolute;
    margin: 0;
    padding: 0; }
  .analytics-status-button.in-progress {
    cursor: wait;
    color: #9aa5b5; }
    .analytics-status-button.in-progress .icon-sync {
      animation: rotation 2s infinite linear; }

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
  .analytics-status-button.analytics-status-button--small {
    height: 32px;
    width: 32px; }
    .analytics-status-button.analytics-status-button--small .icon-sync {
      font-size: 13px;
      height: 32px; }
    .analytics-status-button.analytics-status-button--small .load-status {
      font-size: 15px; }

.dropdown-list__button {
  font-size: 12px;
  height: 32px;
  border: none;
  padding: 0 14px;
  border-radius: 4px;
  background-color: #020307;
  color: white;
  cursor: pointer; }
  .dropdown-list__button:focus {
    outline: none; }

.dropdown-list {
  color: #495057;
  margin-right: 1rem; }
  .dropdown-list .dropdown-content {
    display: none;
    background-color: #1e2532;
    min-width: 133px;
    border-radius: 4px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 51; }
    .dropdown-list .dropdown-content.dropdown-content--visible {
      display: block; }
  .dropdown-list .dropdown-content .dropdown-blocks {
    color: #f6f7fa;
    text-decoration: none;
    display: block;
    cursor: pointer; }
  .dropdown-list .dropdown-content .dropdown-blocks:hover {
    background-color: #249ecf;
    color: white;
    cursor: pointer; }

.load-status {
  margin-top: -12px;
  margin-left: 25px;
  font-size: 23px; }

.top-toolbar-left {
  top: 8px;
  left: 8px; }

.top-toolbar-right {
  top: 8px;
  right: 24px; }

.toolbar-box {
  height: 48px;
  align-content: center;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(49, 57, 75, 0.25);
  z-index: 99; }

.bottom-toolbar-left {
  left: 8px;
  bottom: 32px; }

.bottom-toolbar-right {
  right: 5rem;
  bottom: 2rem; }
  .bottom-toolbar-right.shiftedToLeft {
    right: 9rem; }

.footer-tool-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 36px;
  width: 100%;
  background-color: white;
  border: 1px solid #e5e5e5;
  color: black;
  text-align: center;
  line-height: 36px;
  z-index: 40;
  font-size: 14px; }
  .footer-tool-bar.black-friday {
    background-color: #42039f;
    border: 1px solid #42039f;
    color: #ffffff; }

.black-friday--btn {
  width: auto !important;
  font-size: 11px !important;
  margin-bottom: 5px;
  margin-left: 11px;
  background-color: #009bf3;
  border-color: #009bf3; }

.open-notes-button {
  cursor: pointer;
  background: #ffffff; }
  .open-notes-button .open-notes-button__content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem; }
    .open-notes-button .open-notes-button__content .fl-icon__svg {
      fill: #9aa5b5;
      width: 16px;
      height: 16px; }
  .open-notes-button:hover .open-notes-button__content {
    background: rgba(0, 0, 0, 0.05); }
  .open-notes-button.opened .open-notes-button__content {
    background: rgba(0, 0, 0, 0.05); }
    .open-notes-button.opened .open-notes-button__content .fl-icon__svg {
      fill: #009bf3; }

.bottom-toolbar {
  display: flex;
  position: absolute;
  align-items: center;
  align-content: center;
  justify-content: center;
  z-index: 52; }

.toolbar-vertical-separator {
  width: 1px;
  height: 2rem;
  background: #d6dee6; }

.toolbar-share-button {
  min-width: 4rem;
  padding: 0.5rem;
  height: calc(48px - 0.5rem* 2);
  font-size: 11px; }

.toolbar-export-png-wrapper {
  position: relative; }
  .toolbar-export-png-wrapper .toolbar-export-png {
    cursor: pointer;
    display: flex;
    width: 3rem;
    height: calc(48px - 0.5rem* 2);
    align-items: center;
    justify-content: center; }
    .toolbar-export-png-wrapper .toolbar-export-png svg {
      fill: #9aa5b5;
      width: 16px;
      height: 22px; }

.top-toolbar {
  display: flex;
  position: absolute;
  align-items: center; }
  .top-toolbar .brand {
    display: flex;
    height: calc(48px - 0.5rem* 2);
    max-width: 10rem;
    position: relative;
    z-index: 99; }
    .top-toolbar .brand.brand-custom {
      background: none; }
    .top-toolbar .brand .brand__link {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%; }
    .top-toolbar .brand .logo {
      max-width: 9rem;
      max-height: 2rem; }
    .top-toolbar .brand .title {
      margin: 0;
      font: 16px sans-serif;
      line-height: 88px;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: white; }
  .top-toolbar .funnel-name {
    font-size: 14px;
    color: #1e2532;
    white-space: nowrap;
    height: calc(48px - 0.5rem* 2);
    display: flex;
    align-items: center;
    max-width: 15rem; }
    .top-toolbar .funnel-name .funnel-name__content {
      overflow-x: hidden;
      text-overflow: ellipsis; }
      .top-toolbar .funnel-name .funnel-name__content.is-template {
        max-width: 14rem; }
    .top-toolbar .funnel-name .icon-pencil {
      cursor: pointer; }

.connect-analytics {
  position: absolute;
  top: 0.5rem;
  left: calc(50% - 127px);
  padding: 0.5rem 1.5rem 1rem 1.5rem;
  height: auto; }
  .connect-analytics p {
    color: #636e84;
    font-size: 12px; }
  .connect-analytics button {
    font-size: 11px;
    line-height: 13px; }
    .connect-analytics button svg {
      width: 24px;
      height: 20px; }

.topNotch {
  top: -8px;
  left: 73%;
  z-index: -1;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #1e2532; }

.top-notch--device-filter {
  left: 43%; }

.unfocus-page-block {
  cursor: pointer;
  display: flex; }
  .unfocus-page-block.user {
    right: 552px; }
  .unfocus-page-block.unfocus-page-header {
    color: #7b35ef; }

.icon-clipboard-left {
  margin: 11px -4px 5px 9px; }

@media only screen and (max-width: 850px) {
  .toolbar-center {
    margin-right: 2rem; } }

.toolbar-tool-block {
  padding: 0 10px; }

.pie {
  z-index: 5000; }

.toolbar-button {
  display: flex;
  color: white;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  width: 99px;
  height: 32px;
  background-color: #313a4b;
  border: none;
  outline: none;
  cursor: pointer;
  box-shadow: 0px 1px 1px #000000, 0px 4px 4px rgba(0, 0, 0, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.1); }
  .toolbar-button:focus {
    outline: none; }
  .toolbar-button.devices {
    font-size: 16px;
    color: #313a4b;
    height: 14px;
    position: relative; }
  .toolbar-button.tool {
    color: #313a4b; }

.toolbar-button__analyze {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }
  .toolbar-button__analyze .toolbar-button__analyze-icon {
    color: #b592ff;
    transition: all 0.4s ease-in-out; }

.toolbar-button__animation button {
  margin-left: 1px;
  margin-right: 1px; }

.toolbar-button__animation .toolbar-button__animation-icon {
  color: #009bf3;
  transition: all 0.4s ease-in-out; }

.toolbar-button__forecast .toolbar-button__forecast-icon {
  color: #ff7448; }

.toolbar-button__lead-time .toolbar-button__lead-time--icon {
  color: #34b0b3; }

.analytics-toggle__icon {
  margin: 0 7px; }

.debug-mode {
  width: 18rem;
  margin-left: -6rem; }

.debug-mode__summary {
  color: white;
  font-size: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 14px; }

.debug-mode__list-item {
  color: #f6f7fa;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  cursor: pointer;
  padding: 0.75rem 1rem; }
  .debug-mode__list-item:hover {
    background-color: #313a4b; }

.debug-mode__button {
  background-color: #1e2532;
  height: 53px;
  width: 48px;
  margin-right: -1rem;
  border-radius: 0px; }
  .debug-mode__button .icon {
    padding-top: 5px;
    height: 1.5rem;
    width: 1rem; }
  .debug-mode__button:hover {
    background-color: #020307; }

.debug-mode__status-icon--large {
  margin-right: 10px;
  height: 16px;
  margin-top: 5px; }

.debug-mode__status-icon--small {
  margin-right: 10px; }

.analytics-layer-button__icon {
  height: 16px;
  width: 20px; }

.dropdown-list__button--projects {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 10rem; }

.unorganized-funnel-warning {
  color: #1e2532;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px; }
  .unorganized-funnel-warning .dropdown-list__button {
    font-weight: bold;
    color: #009bf3;
    cursor: pointer;
    background: transparent;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    outline: none;
    border: none;
    padding: 0 14px;
    height: 32px;
    margin-left: 8px; }
    .unorganized-funnel-warning .dropdown-list__button:focus {
      outline: none; }
    .unorganized-funnel-warning .dropdown-list__button .kpi-chevron.kpi-chevron--inside-button {
      top: 0;
      right: 0;
      margin-left: 0.5rem; }
  .unorganized-funnel-warning h2 {
    color: #1e2532; }
  .unorganized-funnel-warning .dropdown-content {
    z-index: 10;
    width: 12rem;
    height: auto;
    background: #fff;
    box-shadow: 0 3px 6px rgba(99, 110, 132, 0.1);
    border-radius: 6px; }
    .unorganized-funnel-warning .dropdown-content .dropdown-blocks {
      color: #009bf3; }
      .unorganized-funnel-warning .dropdown-content .dropdown-blocks:hover {
        background: rgba(0, 0, 0, 0.05);
        color: #009bf3; }
      .unorganized-funnel-warning .dropdown-content .dropdown-blocks:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px; }

.unorganized-funnel-warning__icon {
  font-size: 24px;
  margin-top: 10px; }

.top-notch--project {
  left: 75%; }

.login-register__wrapper {
  background-color: #f1f2f7;
  background-image: url("/assets/fl-register-background.jpg");
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center; }

.register-upsell__left {
  width: 100%;
  height: 100%; }

.share__funnel-preview {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 2rem;
  overflow-y: auto;
  width: 50%;
  height: 100%;
  min-height: 100%;
  background: #f0f2f7 repeat-x;
  background-size: cover;
  background-color: white;
  pointer-events: none; }

.preview {
  height: 100%;
  width: 100%; }

.fl-grey-bkg-100 {
  background: #f0f2f7;
  padding-bottom: 2rem;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: absolute; }

.fl-black-bkg {
  background-color: #1e2532;
  height: 100%;
  width: 50%;
  position: absolute;
  float: right;
  margin-left: 50%;
  color: white;
  display: none; }
  @media screen and (min-width: 768px) {
    .fl-black-bkg {
      display: block; } }
  .fl-black-bkg.share {
    display: flex;
    justify-content: center; }

.top-text-logo {
  height: 2rem;
  margin: 1rem 0 2rem; }

.perf-lite-header-container {
  width: 100%;
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #009bf3; }

.perf-lite-header {
  display: flex;
  justify-content: start;
  max-width: 1265px;
  min-height: 75px;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .perf-lite-header {
      min-height: 36.5px; } }

.perf-lite-top-text-logo {
  padding-left: 12px;
  padding-top: 18px;
  padding-bottom: 18px;
  width: 253px; }
  @media screen and (max-width: 768px) {
    .perf-lite-top-text-logo {
      width: 160px;
      padding-left: 10px;
      padding-bottom: 5px;
      padding-top: 8px; } }

.perf-lite-footer-section {
  display: flex;
  justify-content: center;
  width: 100%; }

.perf-lite-footer-container {
  padding: 0 20px;
  border-top: 1px solid #e1e1ea;
  width: 100%;
  padding: 0;
  max-width: 1440px;
  margin: 0 24px; }
  @media all and (max-width: 769px) {
    .perf-lite-footer-container {
      margin: 0; } }
  @media all and (max-width: 501px) {
    .perf-lite-footer-container {
      margin: 0; } }

.perf-lite-footer-content {
  display: flex;
  justify-content: space-between;
  padding-top: 22px; }
  @media screen and (max-width: 768px) {
    .perf-lite-footer-content {
      flex-flow: column; } }
  @media screen and (max-width: 768px) {
    .perf-lite-footer-content div {
      display: flex;
      justify-content: center; } }

.perf-lite-footer-text {
  padding-top: 10px;
  width: 50%;
  text-align: center;
  float: right; }
  @media all and (min-width: 768px) {
    .perf-lite-footer-text {
      text-align: right; } }

.perf-lite-footer-text {
  display: block;
  font-family: 'Poppins', Sans-serif;
  font-size: 16px;
  font-weight: 400;
  width: 100%; }

.perf-lite-footer-text-logo {
  width: 185px; }

.login-form__card {
  max-width: 443px;
  padding: 30px; }
  @media all and (min-width: 500px) {
    .login-form__card {
      padding: 70px; } }

.fl-flex-register {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1; }

.fl-flex-1 {
  flex-grow: 1; }
  .fl-flex-1:first-child {
    padding-right: 10px; }

.login-register-switch {
  margin-top: 2rem; }

.recaptcha-notice,
.register-agreement {
  color: #636e84;
  text-align: center;
  max-width: 350px; }

.register-agreement {
  margin: 1rem 0 0.5rem 0; }

.recaptcha-notice {
  margin: 0;
  font-size: 12px; }

.login-name-input {
  width: 100%; }

.login-form-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #f0f2f7;
  width: 100%;
  padding: 3rem;
  height: 100%;
  background-image: url(/assets/fl-register-background.jpg);
  background-size: cover;
  background-repeat: no-repeat; }
  @media all and (max-width: 767px) {
    .login-form-container {
      width: 100vw;
      height: 100vh;
      padding: 0; } }

.login-register-card-container {
  display: flex;
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 60px; }
  @media all and (max-width: 769px) {
    .login-register-card-container {
      margin: 0 10px;
      margin-top: 30px;
      margin-bottom: 20px; } }
  @media all and (max-width: 501px) {
    .login-register-card-container {
      margin-top: 10px;
      margin-bottom: 10px; } }

.fl-logo {
  height: 2rem;
  object-fit: contain; }

.share-information {
  background-color: #1e2532;
  font-family: "Nunito", sans-serif;
  font-weight: 200; }

.share-page__private {
  background-color: #1e2532;
  height: 100%;
  width: 100%;
  position: absolute;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.share-page__warning-text {
  width: 40%;
  text-align: center;
  display: flex;
  flex-direction: column; }

.share-page__text--header {
  font-size: 24px;
  margin-bottom: 1rem; }

.share-page__text--subheader {
  font-size: 16px;
  color: #d8dde6;
  margin-bottom: 2rem; }

.share-page__private-button {
  cursor: pointer;
  border: 1px solid #9aa5b5;
  width: 258px;
  height: 51px;
  margin: auto;
  box-sizing: border-box;
  border-radius: 4px;
  color: #9aa5b5;
  background-color: transparent;
  font-family: Roboto;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.05em; }

.share-page__transparent-bkg {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(30, 37, 50, 0.95);
  margin: auto; }

.login-register {
  color: white;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center; }

.login-register__card {
  background-color: white;
  width: 40%;
  height: 20rem;
  border-radius: 10px;
  color: #1e2532; }

.login {
  display: flex;
  height: 100vh;
  align-items: stretch;
  flex-direction: column; }
  @media all and (max-width: 767px) {
    .login {
      display: block; } }

.login-register__inner-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
  margin: auto; }

.register-form-header {
  font-weight: 500;
  font-size: 22px;
  color: #1e2532;
  text-align: center;
  margin-bottom: 0; }

.register-label {
  font-weight: 600;
  color: black;
  font-size: 17px; }

.register-input {
  width: 100%;
  margin-bottom: 0; }

.register-form-subheader {
  font-weight: 200;
  font-size: 22px;
  color: #1e2532;
  text-align: center;
  margin-bottom: 2.5rem; }

.register-from-userinfo-box {
  background-color: #fafafa;
  padding: 2rem;
  border-radius: 5px;
  border: 1px solid #e6e6e6; }

.registration-password-section {
  margin-bottom: 2rem; }

.registration-wrap-outside {
  margin-bottom: 1rem; }

.registration-wrap-inside {
  padding: 0;
  margin: 0;
  padding-right: 0 !important; }

.registration-footer {
  margin: 0; }

.registration-button {
  margin-top: 2rem;
  font-weight: 600;
  height: 3rem; }

.register-logo {
  height: 2rem; }

.register-card {
  max-width: 36rem;
  box-shadow: 0 2px 6px rgba(32, 69, 105, 0.1);
  border-radius: 8px;
  background-color: #ffffff;
  padding: 2.5rem;
  min-width: 35rem; }

@media all and (max-width: 767px) {
  .register-from-userinfo-box {
    padding: 2rem 1rem 1rem 1rem; }
  .register-card {
    padding: 1rem;
    min-width: 28rem;
    margin: 2rem; }
  .register-label {
    font-size: 14px; }
  .register-form-header {
    margin-top: 1rem; }
  .register-form-subheader {
    margin-bottom: 2rem;
    font-size: 18px; } }

@media all and (max-width: 500px) {
  .login-register__wrapper {
    background-image: none; }
  .register-card {
    min-width: 100%; } }

@media all and (max-height: 800px) {
  .login-register__wrapper {
    background-image: none; } }

.splash {
  font-family: "Poppins", sans-serif;
  text-align: center; }

.splash__notice {
  background: linear-gradient(90deg, #33b5fe 0%, #0788e5 100%);
  box-shadow: 0px 3px 6px rgba(99, 110, 132, 0.1);
  border-radius: 6px;
  text-align: center;
  color: white;
  padding: 36px 20%; }

.splash__notice-title {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 12px; }

.splash__notice-subtitle {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px; }

.splash__lead {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 24px;
  margin: 32px 0 18px 0; }

.splash__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px; }
  @media all and (max-width: 1368px) {
    .splash__grid {
      grid-template-columns: repeat(2, 1fr); } }
  @media all and (max-width: 974px) {
    .splash__grid {
      grid-template-columns: repeat(1, 1fr); } }

.splash__card-video {
  height: 180px;
  position: relative; }

.splash__card-video--lg {
  height: 420px; }

.splash__card-title {
  font-size: 22px;
  margin: 38px 0 24px 0; }

.splash__description {
  font-size: 16px; }

.splash__cta {
  padding: 18px 24px;
  display: inline-block; }

.splash__modal-close {
  position: absolute;
  top: 6px;
  right: 12px;
  color: #9aa5b5;
  font-size: 32px;
  user-select: none; }

.splash__modal-content {
  position: relative;
  top: -10%;
  left: 50%;
  transform: translateX(-50%); }

.splash-card {
  background: white;
  padding: 18px 36px;
  box-shadow: 0px 3px 10px rgba(99, 110, 132, 0.15);
  border-radius: 6px;
  position: relative;
  height: 100%; }

.splash-card__video {
  height: 180px;
  position: relative; }

.splash-card__video--coming-soon {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #009bf3;
  transform: translateX(-50%) translateY(-50%) rotate(-15deg);
  font-size: 24px; }

.splash-card__title {
  font-family: "Poppins", sans-serif;
  text-align: left;
  font-weight: 500;
  font-size: 18px;
  margin: 24px 0 12px 0; }

.splash-card__description {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left; }

.splash-card__cta {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  background: #ffffff;
  border: 1px solid #009bf3;
  box-sizing: border-box;
  box-shadow: 0px 2px 9px rgba(0, 155, 243, 0.2);
  border-radius: 4px;
  padding: 12px 0;
  color: #009bf3;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  bottom: 0;
  transition: 0.2s all ease-in-out; }
  .splash-card__cta:hover {
    color: #009bf3;
    box-shadow: 0px 4px 12px rgba(0, 155, 243, 0.2);
    bottom: 2px; }

.splash-card__plan-title {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  text-align: center; }

.splash-card__plan-description {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #636e84;
  margin-top: 16px;
  width: 75%;
  margin-left: 50%;
  transform: translateX(-50%); }

.splash-card__plan-divider {
  margin: 32px -40px; }

.import-modal-content {
  background: white;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60vw;
  max-width: 1200px;
  max-height: 60vh;
  min-height: 50vh; }

.import-modal-header {
  font-family: "Nunito", sans-serif;
  padding: 2rem 2rem 1rem;
  text-align: center; }

.import-modal-body {
  display: flex;
  width: 100%; }

.import-modal-body-image {
  width: 60%;
  padding-bottom: 24px; }

.import-modal-body-image-name {
  text-align: center;
  padding-top: 36px;
  font-size: 24px; }

.import-modal-body-content {
  width: 40%;
  padding-left: 40px; }

.import-modal-submit {
  margin: 0;
  display: flex;
  vertical-align: middle;
  justify-content: right;
  padding-top: 24px; }

/**
 * BRAND COLOURS
 * use these if you are doing a primary colour anywhere.
 * if you need to do shades of any of these (to represent state or variations for a clear purpose), refer to the style guide:
 *
 */
/**
 * BRAND SHADES
 */
/**
 * Borders
 */
/**
 * Toolbar
 */
.bkg--purple {
  background-color: #7b35ef; }

.bkg--green {
  background-color: #4ad260; }

.bkg--lt--green {
  background-color: #9ddba0; }

.bkg--red {
  background-color: #ff7448; }

.bkg--lt--red {
  background-color: #ffeae4; }

.bkg--orange {
  background-color: #fdaf11; }

.bkg--white {
  background-color: white; }

.bkg--blackgrey {
  background-color: #1e2532; }

.bkg--grey {
  background-color: #f0f2f7;
  height: 100vh; }

.bkg--subheadergrey {
  background-color: #2f384a; }

.purple--grad {
  background: linear-gradient(112deg, #7b47ea 0%, #5d2bc7 100%); }

.blue--grad {
  background-image: linear-gradient(106deg, #009bf3 0%, #0870bb 100%); }

.grey-grad {
  background-image: linear-gradient(-45deg, #1e2532 0%, #646f85 100%); }

.account-status {
  display: inline-block;
  text-align: center;
  border-radius: 2px;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem; }

.create-project-header {
  transition: all 0.3s ease-in-out; }
  .create-project-header:hover {
    color: white !important;
    background-color: #009bf3; }

.load-block {
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 240px; }
  .load-block.load-block--less-top-padding {
    margin-top: 80px; }
  .load-block.load-block--no-top-padding {
    margin-top: 0; }
  .load-block.kpi {
    margin-top: 10px; }
  .load-block h2 {
    color: #313a4b;
    margin-bottom: 20px; }
  .load-block .dots {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row; }

@keyframes dots {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  60% {
    opacity: 1; }
  100% {
    opacity: 0; } }
    .load-block .dots .dot {
      width: 30px;
      height: 30px;
      margin: 10px;
      background: #249ecf;
      border-radius: 15px;
      margin: 0.25rem;
      opacity: 0;
      animation: dots 2.5s ease-in-out infinite; }
      .load-block .dots .dot.kpi {
        width: 3px;
        height: 3px; }
      .load-block .dots .dot:nth-child(1) {
        animation-delay: 0.2s; }
      .load-block .dots .dot:nth-child(2) {
        animation-delay: 0.4s; }
      .load-block .dots .dot:nth-child(3) {
        animation-delay: 0.6s; }

.flex-wrap-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, 300px);
  grid-gap: 32px;
  grid-row-gap: 24px;
  margin-bottom: 2rem; }

.flex-wrap-row-v2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }

.main-splash-row {
  display: grid;
  justify-content: center;
  grid-template-columns: auto auto;
  grid-auto-rows: 1fr 1fr 1fr;
  justify-content: center;
  grid-row-gap: 1.5rem;
  grid-column-gap: 2rem;
  margin: 2rem; }

.dashboard__banner {
  display: none;
  width: 100%;
  height: 3rem;
  background: #ff7448;
  color: white;
  z-index: 100;
  justify-content: center;
  align-items: center;
  text-align: center; }

.dashboard__banner--visible {
  display: flex; }

.dashboard__banner-link {
  color: white;
  text-decoration: underline; }
  .dashboard__banner-link:hover {
    color: #d8dde6;
    text-decoration: underline; }

@media screen and (max-width: 960px) {
  .dashboard-image {
    display: none; }
  .main-splash-row {
    grid-auto-rows: auto auto auto;
    grid-template-columns: auto;
    grid-row-gap: 0; } }

.dashboard-splash-copy {
  margin-top: 3rem;
  display: table-cell;
  vertical-align: middle; }

.splash-grid-img {
  display: flex;
  vertical-align: middle; }

.dashboard-image {
  object-fit: cover;
  width: 100%;
  align-self: center; }

@media only screen and (min-width: 1824px) {
  .dashboard-splash-copy {
    font-size: 1.3rem; }
  .dashboard-splash-copy-body {
    font-size: 1.1375rem; }
  .dashboard-splash-header {
    font-size: 1.95rem; } }

.upgrade-header {
  text-align: center; }

.project-nav {
  margin-left: 10px; }

.project-settings__logo {
  position: relative;
  border: 1px solid #d8dde6;
  border-radius: 8px; }
  .project-settings__logo .current-logo {
    width: 4rem;
    max-height: 48px;
    display: flex;
    justify-content: center; }
    .project-settings__logo .current-logo .loading {
      align-self: center; }
      .project-settings__logo .current-logo .loading .load-block.kpi {
        margin-top: 0; }
    .project-settings__logo .current-logo img {
      max-width: 4rem;
      max-height: 48px; }
  .project-settings__logo .remove-current-logo {
    position: absolute;
    font-size: 12px;
    color: #009bf3;
    cursor: pointer;
    bottom: 4px;
    left: 1.5rem; }

.fl-warning-mobile {
  margin-left: 9.73rem;
  margin-top: 4rem; }

.collaborate-icon {
  font-size: 24px;
  margin-top: 8px;
  margin-right: -9px; }

.icons-header {
  font-size: 1.2rem; }
  .icons-header.upload {
    margin-bottom: 4px; }

.forgot-password {
  margin-top: 7px;
  font-size: 12px; }

.create-funnel-card {
  text-align: center;
  margin-top: 5rem;
  letter-spacing: 0.07rem; }

.funnel-creation-version-description {
  background: #f0f2f7;
  border-radius: 10px;
  padding: 20px;
  font-size: 13px;
  line-height: 20px; }
  .funnel-creation-version-description p {
    margin-bottom: 0.5rem; }

.delete-template-modal {
  height: 8rem;
  margin-bottom: 1.4rem; }

.analytics-script {
  padding: 1rem;
  height: 13rem; }

.close-route-modal {
  background: transparent;
  font-size: 2rem;
  line-height: 1.5rem;
  border: 0;
  color: #777;
  cursor: pointer;
  float: right;
  margin-right: 1rem;
  margin-top: 1rem; }

.icons-panel {
  width: 90%;
  height: 100vh; }

.payment {
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #d8dde6;
  background-color: #ffffff;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  line-height: 16px;
  padding: 30px; }
  @media all and (min-width: 768px) {
    .payment {
      padding: 30px 60px 30px; } }

.payment-card {
  width: 766px; }

.payment.payment-editing {
  background-color: #d8dde6; }

.payment-edit {
  border-top: 1px solid #d8dde6;
  background-color: #fbfbfe;
  height: 120px;
  width: 100%;
  padding: 0;
  flex-wrap: nowrap;
  display: flex;
  align-items: center; }

.default-payment {
  border: 1px solid #009bf3; }

.payment-type-icon {
  height: 2rem;
  margin: 10px;
  vertical-align: middle; }

.payment-save-btn {
  text-align: center;
  min-width: 5rem;
  height: 3rem;
  margin-top: 21px;
  display: block;
  border-radius: 5px;
  color: white;
  border: none;
  transition: all 0.3s ease-in-out; }

.payment-input-icon {
  height: 25px;
  display: block;
  position: absolute;
  margin-top: 34px;
  margin-left: 20px; }

.payment-input-status {
  height: 25px;
  display: block;
  position: absolute;
  margin-top: 39px;
  margin-left: 300px; }

.ribbon {
  margin: 0;
  padding: 0;
  background: #009bf3;
  color: white;
  font-size: 10px;
  text-align: center;
  padding: 5px 0;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-2%) translateY(77%) rotate(-37deg);
  transform-origin: top left; }

.ribbon:before,
.ribbon:after {
  content: '';
  position: absolute;
  top: 0;
  margin: 0 -1px;
  width: 100%;
  height: 100%;
  background: #009bf3; }

.ribbon:before {
  right: 100%; }

.ribbon:after {
  left: 100%; }

.parent {
  overflow: hidden;
  margin: 25px auto;
  position: relative; }

.card-title {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  letter-spacing: 0.05rem;
  font-style: normal; }

.card-subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-top: 2rem; }

.card-body-text {
  font-size: 14px;
  color: #636e84; }
  .card-body-text.total {
    font-weight: 500;
    font-size: 1rem; }

.subscription-total {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase; }

.invoice-row {
  width: 100%;
  padding: 2rem;
  height: 3rem;
  background: #ffffff;
  border: 1px solid #d8dde6;
  border-collapse: separate;
  box-sizing: border-box;
  box-shadow: 0px 2px 3px rgba(99, 110, 132, 0.1);
  border-radius: 4px; }

.downgrade-survey {
  display: flex;
  width: 45%;
  font-size: 12px;
  flex-direction: row;
  align-items: center;
  border: 1px solid #d8dde6;
  border-radius: 4px;
  padding: 1rem;
  margin: 0.5rem; }
  .downgrade-survey input {
    margin-right: 0.5rem; }

.downgrade-survey-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.white-overlay {
  background-color: rgba(246, 246, 246, 0.8);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px); }

.modal-content-without-border {
  border: none;
  box-shadow: 0px 2px 6px rgba(32, 69, 105, 0.1);
  -webkit-box-shadow: 0px 2px 6px rgba(32, 69, 105, 0.1); }

.downgrade-subscription-modal {
  max-width: 530px;
  position: relative; }

.downgrade-subscription-close {
  position: absolute;
  right: 15px;
  top: 10px; }

.downgrade-subscription-title {
  font-size: 22px;
  font-weight: 600;
  color: #1e2532;
  margin-bottom: 45px; }

.downgrade-subscription-content {
  background: #f0f2f7;
  border-radius: 4px;
  padding: 20px; }
  .downgrade-subscription-content > div {
    margin-bottom: 30px; }
  .downgrade-subscription-content > div:last-child {
    margin-bottom: 0; }

.downgrade-subscription-cancel-button {
  margin: 45px auto 0 auto; }

.downgrade-subscription-confirm-button {
  text-decoration: underline;
  font-size: 16px;
  background: transparent;
  border: none;
  cursor: pointer; }
  .downgrade-subscription-confirm-button:hover {
    color: #1e2532; }
  .downgrade-subscription-confirm-button:focus {
    outline: none; }

.downgrade-subscription-button {
  max-width: 395px; }

.project-title {
  display: flex; }

.project-beta-title {
  background: #009bf3;
  border-radius: 4px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ffffff;
  padding: 0.5rem;
  margin-left: 0.5rem; }

.announcement-banner {
  display: none;
  flex-direction: row;
  position: relative;
  bottom: 0;
  width: 100%;
  height: 48px;
  background: #934dff; }
  .announcement-banner .centering-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    color: white;
    font-size: 20px; }
  .announcement-banner .banner-lock-btn {
    background: #0ed073; }

.show {
  display: flex; }

.project-unlock--content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 0 0 0; }
  .project-unlock--content .warning {
    font-size: 0.8rem;
    font-weight: 200;
    margin-top: 1rem;
    margin-bottom: 1rem; }

.clients-container {
  margin-left: 2rem;
  max-width: 80%;
  height: calc( 100vh - 197px);
  overflow-y: scroll; }

.settings-container {
  max-width: 100%;
  height: calc( 100vh - 197px);
  overflow-y: scroll; }

.scrollable-container {
  max-width: 100%;
  height: calc(100vh - 133px);
  overflow-y: auto; }

.sidebar-workspace {
  width: 64px;
  overflow: auto;
  background: white;
  padding-top: 8px;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .sidebar-workspace::-webkit-scrollbar {
    display: none; }
  .sidebar-workspace--btn {
    font-size: 18px;
    color: white;
    text-align: center;
    width: 40px;
    height: 40px;
    position: relative;
    top: 0;
    border-radius: 7px; }
    .sidebar-workspace--btn:hover {
      cursor: pointer; }

.link-to {
  color: #a5a8ad;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer; }
  .link-to:hover {
    color: #33b5fe; }
  .link-to.active {
    border-radius: 0; }
  .link-to.warn {
    color: red; }

.submit-cancel-spacing-row {
  display: flex;
  justify-content: space-around; }

.vertical-center {
  display: flex;
  align-items: center; }

.custom-icon__modal {
  padding: 40px;
  width: 781px;
  margin: auto;
  margin-top: 4rem;
  margin-bottom: 4rem;
  z-index: 1000;
  color: #1e2532;
  font-family: "Poppins", sans-serif; }

.custom-icon__modal-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px; }

.custom-icons__go-back {
  display: flex;
  color: #009bf3;
  fill: #009bf3;
  cursor: pointer;
  width: 10rem;
  justify-content: space-between; }

.custom-icon__uploader {
  border-radius: 8px;
  font-size: 16px;
  border: 1px solid #d8dde6;
  margin: 0.25rem;
  height: 118px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.custom-icon__image-icon {
  height: 100%;
  margin-right: 1rem; }

.custom-icon__uploader-header {
  display: flex;
  align-items: center;
  width: fit-content; }

.custom-icon__upload-subtext {
  color: #b9c1ce;
  font-size: 12px; }

.custom-icon__settings-row {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0; }

.custom-icon__chip-block {
  display: flex;
  width: 40%;
  justify-content: space-between; }

.custom-icon__delete {
  fill: #d8dde6;
  color: #d8dde6;
  display: flex;
  font-size: 13px;
  align-items: center;
  cursor: pointer;
  transition: all 0.4s ease-in-out; }

.custom-icon__delete--active {
  fill: #1e2532;
  color: #1e2532; }

.custom-icon__delete-text {
  margin-top: 4px; }

.custom-icon__grid {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: 1fr 1fr;
  font-size: 13px;
  margin-bottom: 1rem; }

.custom-icon__grid-1x1 {
  grid-template-columns: 1fr; }

.custom-icon__item {
  height: 59px;
  width: 100%;
  padding: 16px 24px;
  display: grid;
  grid-template-columns: 1fr 4fr 2fr 0fr;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #d8dde6;
  border-radius: 4px; }

.custom-icon__item--new {
  grid-template-columns: 3rem 37% 27% 20% 20%; }

.custom-icon__icon-type {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-self: center;
  grid-gap: 4px;
  justify-self: self-end; }

.custom-icon__image {
  height: 100%;
  max-width: 24px;
  max-height: 24px;
  object-fit: contain; }

.custom-icon__label {
  border: none;
  border-bottom: 1px solid #d8dde6;
  width: 150px;
  transition: all 0.4s ease-in-out; }
  .custom-icon__label:focus {
    outline: none;
    border-bottom: 1px solid #009bf3; }

.custom-icon__save-row {
  display: flex;
  justify-content: flex-end;
  color: #b9c1ce; }

.custom-icon__dropdown {
  position: absolute;
  margin-top: 20px;
  z-index: 95;
  background: #ffffff;
  border: 1px solid #d8dde6;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px rgba(30, 37, 50, 0.05);
  border-radius: 4px;
  padding: 12px 0; }

.custom-icon__uploading {
  font-size: 14px;
  display: flex; }
  .custom-icon__uploading .icon-sync {
    animation: rotation 2s infinite linear; }

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.custom-icon__status {
  font-size: 11px;
  white-space: nowrap; }

.custom-icon__status--warning {
  color: #f43b46; }

.custom-icon__status--success {
  color: #0ed073; }

.allowance-progress-bar {
  width: 100%;
  position: relative;
  display: inline-block;
  color: white;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-transform: uppercase; }

.allowance-progress-bar--inverted-colour {
  color: #000; }

.allowance-progress-bar-progress {
  min-width: 10rem;
  height: 8px;
  background: #020307;
  border-radius: 2rem; }

.allowance-progress-bar-progress-indicator {
  border-radius: 2rem; }

.allowance-progress-bar--warning {
  color: #f0997d; }

.allowance-progress-bar__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px; }

.allowance-progress-bar::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(0%, 90%);
  z-index: 1; }

.allowance-progress-bar .toolbar-allowance__tooltip {
  visibility: hidden;
  background-color: #020307;
  color: #fff;
  padding: 1rem;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  width: 17rem;
  top: 120%;
  left: 37%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  text-transform: none; }

.allowance-progress-bar .toolbar-allowance__tooltip::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 10%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #020307 transparent; }

.allowance-progress-bar:hover .toolbar-allowance__tooltip {
  visibility: visible;
  opacity: 1; }

.subscription-billing__name {
  font-weight: 600;
  font-size: 1.125rem; }

.subscription-billing__next-bill-title {
  font-weight: 300;
  font-size: 0.875rem; }

.subscription-billing__price {
  font-weight: 600; }

.phone-number-wrapper {
  position: relative; }

.phone-number-input {
  padding-left: 4rem; }

.error div:first-child {
  display: flex;
  justify-content: space-between; }

.error input {
  background: #ffeaec;
  color: #e00219;
  border-color: #e00219; }

.error-notification {
  color: #e00219;
  font-family: Roboto;
  display: block;
  padding: 0;
  font-size: 14px;
  line-height: normal;
  margin: 0; }

.error-input-field {
  box-shadow: inset 0 0 5px rgba(149, 20, 20, 0.6);
  background-color: rgba(149, 20, 20, 0.05); }

.phone-country-code {
  position: absolute;
  top: 22px;
  left: 1px; }
  .phone-country-code .fl-dropdown-button {
    width: 4rem; }
    .phone-country-code .fl-dropdown-button .fl-input-wrapper .fl-input-fit {
      width: 4rem;
      min-width: 4rem;
      height: 3rem;
      border: none;
      background: transparent;
      color: #1e2532; }
    .phone-country-code .fl-dropdown-button .fl-input-wrapper .fl-dropdown-button__chevron-down {
      fill: #1e2532;
      padding-left: 37px;
      top: 12px;
      z-index: 1;
      right: 8px;
      width: 47px;
      height: 24px; }

.phone-country-code__selected-value {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1; }

.phone-country-code__options {
  background: #ffffff;
  width: 230px;
  max-height: 228px;
  overflow-y: auto;
  border: 1px solid #d8dde6;
  border-radius: 4px; }

.phone-country-code__option {
  display: flex;
  align-items: center;
  padding: 8px;
  cursor: pointer; }
  .phone-country-code__option.selected {
    font-weight: bold; }

.phone-country-code__option--country-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
  margin: 0 8px; }

.user-type-selector {
  margin-top: 8px;
  display: flex; }
  .user-type-selector .option {
    background-color: #ffffff;
    border: 1px solid #d8dde6;
    border-radius: 4px;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 16px 8px;
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
    text-transform: capitalize;
    transition: .3s ease all;
    font-size: 16px; }
    .user-type-selector .option:last-child {
      border-right: 1px solid #d8dde6;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
    .user-type-selector .option:hover {
      cursor: pointer;
      background-color: rgba(0, 155, 243, 0.3); }
    .user-type-selector .option.active {
      color: #ffffff;
      background-color: #009bf3; }
  .user-type-selector .option + .option {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.canvas-page-list {
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding-bottom: 20px; }

.canvas-page-list__error {
  padding: 20px; }

.canvas-page-list__row-button {
  float: right; }

.canvas-page-list__headings {
  display: flex;
  justify-content: flex-start;
  padding: 10px 12px;
  font-weight: 500;
  color: #636e84;
  border-top: 1px solid #d8dde6; }

.canvas-page-list__url {
  min-width: 300px;
  max-width: 300px;
  word-break: break-all;
  overflow: hidden; }

.canvas-page-list__row-count {
  width: 90px;
  padding: 0 15px; }

.canvas-page-list__list {
  list-style: none;
  padding: 0; }

.canvas-page-list__item {
  display: flex;
  height: 65px;
  border-top: 1px solid #d8dde6;
  padding: 10px 12px;
  overflow: hidden; }

.commerce-skus__reload {
  margin-bottom: 5px; }

.utm-explorer__section {
  padding: 25px; }
  .utm-explorer--compact .utm-explorer__section {
    padding: 15px; }

.utm-explorer__section-heading {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px; }

.utm-explorer__section + .utm-explorer__section {
  border-top: 1px solid #d8dde6; }

.utm-explorer__filters {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end; }
  .utm-explorer--compact .utm-explorer__filters {
    flex-wrap: wrap; }

.utm-explorer__filter-group {
  width: 150px;
  margin-right: 15px;
  margin-bottom: 15px; }

.utm-explorer__filter-group--count {
  display: flex;
  flex-direction: column; }

.utm-explorer__filter-item {
  width: 100%;
  height: 3rem;
  display: flex;
  align-items: center; }
  .utm-explorer__filter-item:disabled {
    opacity: 0.5; }

.utm-explorer__count-value:disabled {
  opacity: 1;
  background-color: #fbfbfe; }

.utm-explorer__list {
  display: flex;
  flex-direction: column;
  margin-bottom: 100px;
  border-radius: 5px;
  border: 1px solid #d8dde6;
  overflow: visible; }

.utm-explorer__item {
  display: flex;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  word-break: break-all;
  overflow: hidden;
  height: 100px;
  padding: 15px 0;
  overflow: visible;
  /*
    This is required in order to not have the border radius on the parent table get cut off at the bottom corners
   */
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.utm-explorer__item:first-child {
  /*
    This is required in order to not have the border radius on the parent table get cut off at the top corners
   */
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.utm-explorer__item + .utm-explorer__item {
  border-top: 1px solid #d8dde6; }

.utm-explorer__item--heading {
  height: 65px;
  color: #636e84; }

.utm-explorer__item--centered {
  justify-content: center; }

.utm-explorer__item-column {
  width: 150px;
  max-height: 100%;
  padding: 2px 15px;
  display: flex;
  justify-content: flex-start;
  overflow: hidden; }
  .utm-explorer--compact .utm-explorer__item-column {
    width: 65px;
    padding: 2px 5px; }

.utm-explorer__column-marker {
  fill: #313a4b;
  width: 14px;
  height: 22px;
  margin-right: 10px; }

.analytics-toolbar {
  width: 100%;
  height: 51px;
  display: flex;
  justify-content: flex-end;
  top: -40px;
  left: 0;
  z-index: 98;
  overflow: visible;
  transition: 0.15s top ease-in-out; }

.analytics-toolbar__filters-button {
  position: relative;
  border-radius: 4px;
  background: #fff;
  cursor: pointer; }
  .analytics-toolbar__filters-button .analytics-toolbar__filters-button--content {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    .analytics-toolbar__filters-button .analytics-toolbar__filters-button--content .fl-icon__svg {
      width: 23px;
      height: 12px;
      fill: #4a5468; }
  .analytics-toolbar__filters-button.selected, .analytics-toolbar__filters-button:hover {
    background: rgba(0, 0, 0, 0.05); }
  .analytics-toolbar__filters-button.selected .fl-icon__svg {
    fill: #009bf3; }

.analytics-toolbar__filters-button--content-count {
  font-size: 10px;
  color: #f7f8fb;
  text-align: center;
  font-style: italic;
  line-height: 12px;
  letter-spacing: 0.1rem;
  position: absolute;
  top: 10px;
  left: 28px;
  width: 14px;
  height: 12px;
  background: #009bf3;
  border-radius: 4px; }

.analytics-toolbar__filters-popup--buttons {
  text-align: right;
  padding: 0.5rem 1rem; }
  .analytics-toolbar__filters-popup--buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px; }

.analytics-toolbar__content {
  position: relative;
  display: flex;
  align-items: center;
  height: 48px; }

.analytics-toolbar__filters-popup {
  display: none;
  top: 54px;
  left: -3.5rem;
  position: absolute;
  z-index: 10; }
  .analytics-toolbar__filters-popup .analytics-toolbar__filters-popup--content {
    z-index: 10;
    width: 28.5rem;
    background: #fff;
    box-shadow: 0 3px 6px rgba(99, 110, 132, 0.1);
    border-radius: 6px;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 0.875rem; }
  .analytics-toolbar__filters-popup .title,
  .analytics-toolbar__filters-popup .sub-title {
    color: #4a5468;
    font-weight: bold; }
  .analytics-toolbar__filters-popup .title {
    border-bottom: 1px solid #e2e7ed;
    padding: 13px 20px; }
  .analytics-toolbar__filters-popup .sub-title {
    font-size: 12px;
    border-bottom: 1px solid #f2f2f2;
    padding: 13px 20px 13px 30px;
    cursor: pointer; }
    .analytics-toolbar__filters-popup .sub-title .kpi-chevron {
      font-size: 10px;
      top: -2px;
      left: -8px; }
  .analytics-toolbar__filters-popup .dropdown-blocks {
    display: flex;
    color: #9aa5b5;
    font-weight: 500;
    cursor: pointer; }
    .analytics-toolbar__filters-popup .dropdown-blocks.selected {
      color: #009bf3; }
  .analytics-toolbar__filters-popup.opened {
    display: block; }
  .analytics-toolbar__filters-popup .dropdown-list {
    padding: 0.5rem;
    margin: 0;
    color: #9aa5b5;
    font-size: 12px; }
    .analytics-toolbar__filters-popup .dropdown-list b {
      color: #4a5468; }
    .analytics-toolbar__filters-popup .dropdown-list:last-child {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .analytics-toolbar__filters-popup .dropdown-list .dropdown-list__button {
      color: #9aa5b5;
      cursor: pointer;
      background: transparent;
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between; }
    .analytics-toolbar__filters-popup .dropdown-list:focus {
      outline: none; }

.analytics-toolbar__vertical-separator {
  width: 1px;
  height: 32px;
  background: #d6dee6; }

.analytics-toolbar__compare {
  position: relative;
  display: flex;
  height: 44px;
  border-radius: 4px;
  margin: 0 2px;
  align-items: center; }
  .analytics-toolbar__compare.comparing {
    background: #934cff; }
    .analytics-toolbar__compare.comparing .analytics-toolbar__compare-dropdown {
      top: 48px;
      left: 260px; }
  .analytics-toolbar__compare .compare-dropdown__daterangepicker-input-hidden {
    position: absolute;
    bottom: 16px;
    right: 16px;
    height: 1px;
    width: 1px;
    min-width: 1px;
    min-height: 1px;
    opacity: 0;
    margin: 0;
    padding: 0;
    visibility: hidden; }
  .analytics-toolbar__compare .compare-dropdown__daterangepicker-input {
    min-width: 50px;
    padding: 0.5rem;
    outline: none;
    background: transparent;
    color: #ffffff; }
  .analytics-toolbar__compare .form-group {
    margin-bottom: 0; }
  .analytics-toolbar__compare .data-range-selector__dropdown-chevron {
    top: 16px;
    right: 14px; }

.analytics-toolbar__compare-status-box {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 12px; }

.analytics-toolbar__people-list {
  max-height: 400px;
  overflow-y: auto; }
  .analytics-toolbar__people-list .users-list-header {
    display: flex;
    font-size: 12px;
    color: #4a5468;
    padding: 0.5rem 1.5rem; }
    .analytics-toolbar__people-list .users-list-header .users-list-header__right {
      margin-left: 1.4rem; }
  .analytics-toolbar__people-list .users .user {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.5rem 1.5rem; }
    .analytics-toolbar__people-list .users .user .user-list__right {
      margin-left: 2rem; }
    .analytics-toolbar__people-list .users .user:nth-child(even) {
      background: #f2f2f2; }
  .analytics-toolbar__people-list .users .user-list__date {
    font-size: 12px;
    color: #9aa5b5; }

.analytics-toolbar__compare-button {
  display: flex;
  justify-content: space-between;
  width: 109px; }

.analytics-toolbar__country-item {
  padding: 0 0.5rem; }

.analytics-toolbar__compare--people-mode {
  padding-bottom: 12px;
  position: relative; }
  .analytics-toolbar__compare--people-mode .icon-filters {
    fill: #ffffff; }

.analytics-toolbar__compare--people-mode__border {
  position: absolute;
  width: 25px;
  background: #934cff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  padding: 0 3px;
  top: 13px;
  left: -2px;
  font-size: 8px;
  color: #ffffff; }
  .analytics-toolbar__compare--people-mode__border .fl-icon__svg {
    width: 10px;
    height: 8px;
    fill: #ffffff; }

.analytics-toolbar__close-comparing-button {
  font-weight: 400;
  font-size: 1rem;
  color: #934cff;
  opacity: 1;
  cursor: pointer;
  outline: none;
  padding: 0;
  border: 0;
  background: #ffffff;
  height: 1rem;
  width: 1rem;
  border-radius: 0.5rem;
  line-height: 1rem; }
  .analytics-toolbar__close-comparing-button:focus {
    outline: none; }

.analytics-toolbar__compare-dropdown {
  position: absolute;
  top: 38px;
  box-shadow: 0 0 6px rgba(49, 57, 75, 0.25);
  border-radius: 0 0 4px 4px;
  background: #ffffff; }
  .analytics-toolbar__compare-dropdown .analytics-toolbar__filters-popup {
    top: 0;
    left: unset;
    right: -108px; }

.analytics-toolbar__compare-dropdown--range-option {
  min-width: 110px; }
  .analytics-toolbar__compare-dropdown--range-option button {
    color: #4a5468;
    fill: #4a5468;
    font-size: 11px;
    font-weight: 500;
    padding: 8px 12px; }
  .analytics-toolbar__compare-dropdown--range-option:nth-child(odd) {
    background-color: #f2f2f2; }

.date-range-selector {
  position: relative;
  display: flex;
  cursor: pointer;
  height: 100%; }
  .date-range-selector .form-group {
    margin: 0;
    display: flex;
    align-items: center;
    height: 100%; }

.data-range-selector__dropdown-chevron {
  position: absolute;
  top: 18px;
  right: 16px;
  font-size: 10px; }

.daterangepicker {
  z-index: 100;
  margin-top: 16px; }

.daterangepicker-input {
  /**
   * Allow enough space regardless of what dates are chosen (which can have slightly different widths)
   * and also account for the data-range-selector__dropdown-chevron
   */
  min-width: 199px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding-left: 1rem; }
  .daterangepicker-input:focus {
    box-shadow: none; }

.date-range-selector--active {
  /**
   * Highlight the full entity and the background of the input when that is in focus
   * Highlight text color of both the input date text and the absolute positioned chevron
   */
  background-color: #f0f2f7;
  color: #009bf3; }
  .date-range-selector--active .daterangepicker-input {
    background-color: #f0f2f7;
    color: #009bf3; }

.kpi-chevron {
  right: 16px;
  top: 11px;
  font-size: 10px;
  position: relative;
  z-index: 10;
  color: #4a5468; }
  .kpi-chevron.kpi-chevron--inside-button {
    top: -1px;
    right: -3px; }

.focus-dropdown__text {
  font-size: 14px;
  padding: 10px; }

.focus-filter__header {
  color: #4a5468;
  border-bottom: 1px solid #e2e7ed; }

.focus-filter__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.focus-filter__block {
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  font-size: 0.75rem;
  padding: 0.75rem 0; }

.focus-filter__dropdown {
  width: 15rem;
  margin-left: -4rem; }

.focus-dropdown {
  padding: 0 14px; }

.focus-filter__buttons {
  display: flex; }

.clear-focus-button {
  cursor: pointer;
  background-color: #4a5468;
  font-size: 12px;
  border-radius: 4px;
  color: white;
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center; }
  .clear-focus-button .kpi-chevron {
    top: 0;
    left: 3px;
    color: #fbfbfe; }

.analytics-toolbar__demographics {
  max-height: 300px;
  overflow-y: scroll; }

.kpi-item {
  width: 25%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column; }

.kpi-item__kpi-label {
  display: flex;
  align-items: flex-end;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
  color: #4ad260;
  white-space: nowrap; }
  .kpi-item--highlight .kpi-item__kpi-label {
    color: #009bf3; }

.kpi-item__kpi-value {
  font-size: 16px;
  user-select: text !important;
  display: flex; }

.kpi-item__kpi-value--forecast {
  color: #9aa5b5;
  font-size: 16px; }

.kpi-item__top-level-kpis {
  border-radius: 5px;
  border: 2px solid #1e2532; }

.kpi-item__forecast-arrow {
  margin-left: 10px; }

.kpi-panel__kpi-row-items {
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-direction: column; }

.kpi-panel__kpi-row-title {
  background: #f6f7fa;
  width: 100%;
  padding: 5px 15px 0 5px;
  display: flex;
  justify-content: space-between; }
  .kpi-panel__kpi-row-title h3 {
    color: #636e84;
    font-size: 16px;
    margin: 0; }

.kpi-summary__top-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem;
  margin-bottom: 1rem; }

.kpi-summary__bottom {
  display: flex;
  flex-direction: row; }

.kpi-summary__row {
  display: grid;
  flex-direction: row;
  justify-content: space-between;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem;
  margin-bottom: 1rem;
  height: 160px; }

.kpi-item__kpi-value--roi {
  display: flex;
  flex-direction: column;
  font-size: 22px; }

.kpi-panel__kpi-data-row {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 8px 10px;
  grid-gap: 1rem; }

.kpi-panel__kpi-data-row--top {
  grid-template-columns: 1fr 1fr 1fr; }

.kpi-panel__kpi-data {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 8px 10px;
  border: none; }

.kpi-summary__bottom-left {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 1rem; }

.kpi-summary__bottom-right {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(3, 1fr); }

.kpi-panel__kpi-data-row-bottom {
  display: flex;
  flex-direction: row; }

.kpi-panel__bottom-left-section {
  display: flex; }

.forecasting-overview__item-title--mini {
  background: none;
  color: #1e2532;
  padding: 0; }

.forecasting-overview__icon--red {
  color: #f56060; }

.forecasting-overview__icon--green {
  color: #4ad260; }

.forecasting-overview__icon--blue {
  color: #009bf3; }

.entity-toolbar {
  position: absolute;
  z-index: 59;
  display: flex;
  flex-direction: column; }

.entity-toolbar--hidden {
  display: none; }

.entity-toolbar--transparent {
  visibility: hidden; }

.entity-toolbar__body {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #d8dde6;
  box-shadow: 0px 4px 8px rgba(30, 37, 50, 0.05);
  border-radius: 4px;
  padding: 6px 0;
  background-color: #ffffff;
  /*
   * Prevent the body from expanding when the dropdown is open and has more content
   */
  width: fit-content; }

.entity-toolbar__contents {
  display: none; }

.entity-toolbar__contents--visible {
  display: block; }

.entity-toolbar__section + .entity-toolbar__section {
  border-left: 1px solid #d8dde6; }

.entity-toolbar__section {
  display: flex;
  flex-direction: row;
  justify-content: start;
  padding: 0 0.5rem; }

.entity-toolbar__item-wrapper {
  /**
   * Prevent parent from being larger than needed to contain children. At the time of adding this it was meant to
   * fix the issue where the colour picker was for some reason gaining 5 extra px over the size of all the other 
   * icons.
   */
  display: flex; }

.entity-toolbar__item-wrapper + .entity-toolbar__item-wrapper {
  margin-left: 5px; }

.entity-toolbar__item--bold {
  font-weight: bold;
  font-size: 16px; }

.entity-toolbar__item--italic {
  font-style: italic;
  font-size: 16px; }

.entity-toolbar__item--underline {
  text-decoration: underline;
  font-size: 16px; }
  .entity-toolbar__item--underline:hover {
    text-decoration: underline; }

.entity-toolbar__dropdown {
  margin-top: 10px;
  border: 1px solid #d8dde6;
  box-shadow: 0px 4px 8px rgba(30, 37, 50, 0.05);
  border-radius: 4px;
  padding: 6px 0;
  background-color: #ffffff;
  /*
   * Prevent the dropdown from expanding when the body has more content
   */
  width: fit-content; }

.entity-toolbar__dropdown--hidden {
  display: none; }

.entity-toolbar__dropdown--arrowhead-picker {
  margin-left: 32px; }

.entity-toolbar__colour-picker {
  display: flex;
  flex-direction: row; }

.entity-toolbar__colour-picker-option {
  position: relative;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16px;
  width: 16px;
  min-width: 16px;
  border-radius: 100%;
  padding: 0 0 0 0;
  margin: 0;
  background-color: #d8dde6; }
  .entity-toolbar__colour-picker-option:focus {
    outline: none; }

.entity-toolbar__colour-picker-option.entity-toolbar__colour-picker-option--selected,
.entity-toolbar__arrow-picker-option--selected,
.entity-toolbar__colour-picker-option--has-hover:hover,
.entity-toolbar__colour-picker-option--has-hover:focus {
  border: 2px solid #009bf3;
  background: none; }

.entity-toolbar__colour-picker-option--black {
  background-color: #1e2532; }

.entity-toolbar__colour-picker-option--blue {
  background-color: #009bf3; }

.entity-toolbar__colour-picker-option--red {
  background-color: #f43b46; }

.entity-toolbar__colour-picker-option--green {
  background-color: #0ed073; }

.entity-toolbar__colour-picker-option--orange {
  background-color: #ff8934; }

.entity-toolbar__colour-picker-option--purple {
  background-color: #934dff; }

.entity-toolbar__colour-picker-option--teal {
  background-color: #3ad3d3; }

.entity-toolbar__colour-picker-option--yellow {
  background-color: #ffd703; }

.entity-toolbar__colour-picker-option--white {
  border: 1px solid #d8dde6;
  background-color: #ffffff; }

.entity-toolbar__colour-picker-option-inner {
  border-width: 0;
  border-radius: 100%;
  width: calc(16px / 2);
  height: calc(16px / 2);
  padding: 0;
  margin: 0; }

.entity-toolbar__colour-picker-option--none {
  background-image: linear-gradient(45deg, #b9c1ce 25%, transparent 25%, transparent), linear-gradient(-45deg, #b9c1ce 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #b9c1ce 75%), linear-gradient(-45deg, transparent 75%, #b9c1ce 75%);
  background-size: 3px 3px;
  background-position: 0 0, 1.5px 0, 1.5px -1.5px, 0px 1.5px; }

.entity-toolbar__colour-picker-option--stroke {
  background-color: transparent;
  border-width: 1px;
  border-style: solid; }
  .entity-toolbar__colour-picker-option--stroke.entity-toolbar__colour-picker-option--black {
    border-color: #1e2532; }
  .entity-toolbar__colour-picker-option--stroke.entity-toolbar__colour-picker-option--blue {
    border-color: #009bf3; }
  .entity-toolbar__colour-picker-option--stroke.entity-toolbar__colour-picker-option--red {
    border-color: #f43b46; }
  .entity-toolbar__colour-picker-option--stroke.entity-toolbar__colour-picker-option--green {
    border-color: #0ed073; }
  .entity-toolbar__colour-picker-option--stroke.entity-toolbar__colour-picker-option--orange {
    border-color: #ff8934; }
  .entity-toolbar__colour-picker-option--stroke.entity-toolbar__colour-picker-option--purple {
    border-color: #934dff; }
  .entity-toolbar__colour-picker-option--stroke.entity-toolbar__colour-picker-option--teal {
    border-color: #3ad3d3; }
  .entity-toolbar__colour-picker-option--stroke.entity-toolbar__colour-picker-option--yellow {
    border-color: #ffd703; }

.entity-toolbar__option-selector {
  font-size: calc(16px * 0.8);
  border: none; }

.analytics-status {
  position: absolute;
  padding: 1rem;
  background-color: #f0f2f7;
  top: 74px;
  border-radius: 5px;
  font-size: 12px;
  width: 147px;
  left: -284px;
  display: block;
  transition: all 0.4s ease-in-out; }

.analytics-status--loading {
  left: 84px; }

.data-card {
  box-shadow: 0px 2px 6px rgba(154, 165, 181, 0.4);
  border-radius: 6px;
  padding: 1rem;
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  background: white;
  justify-content: space-between; }

.data-card--row {
  flex-direction: row;
  align-items: center; }
  .data-card--row > div + div {
    margin-left: 25px; }

.data-card__vertical {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; }

.data-card__top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }

.data-card__row {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.data-card__column {
  display: flex;
  justify-content: space-between;
  flex-direction: column; }

.data-card__data {
  color: #313a4b;
  line-height: 26px; }

.data-card__time {
  color: #9aa5b5;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.02em; }

.data-card-mini__title {
  font-weight: 500;
  font-size: 0.9rem;
  display: flex;
  text-transform: uppercase;
  color: #636e84; }

.data-card__expense {
  display: flex;
  align-items: baseline; }

.data-card__forecast-value {
  display: flex;
  flex-direction: column; }

.data-card__forecast-value--mini {
  display: flex;
  flex-direction: column;
  font-size: 12px; }

.data-card__forecast-value--horizontal {
  align-items: flex-end; }

.data-card__title-row {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.data-card__value {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  margin-bottom: 5px; }

.data-card--mini {
  max-width: 100%;
  font-size: 13px; }

.data-card__value-subscript {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.02em;
  color: #9aa5b5;
  white-space: nowrap; }

.data-card__value-header {
  display: flex;
  justify-content: flex-start; }

.data-card__value-header--mini {
  font-size: 12px; }

.data-card--horizontal {
  display: flex;
  justify-content: space-between; }

.data-card-mini__data--nan-roi {
  font-size: 12px; }

.data-card-mini__title--mini {
  background: none;
  padding: 0;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #009bf3; }

.data-card .kpi-item__kpi-value--forecast {
  white-space: nowrap;
  max-width: 109px;
  overflow: hidden;
  text-overflow: ellipsis; }

.data-card .data-card__forecast-value--mini {
  font-size: 12px; }

.data-card__value-container {
  white-space: nowrap;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis; }
  .data-card--mini .data-card__value-container {
    max-width: 57px; }

.data-card__title {
  color: white;
  border-radius: 20px;
  padding: 5px 15px;
  text-transform: uppercase;
  background: #009bf3;
  transition: all 0.4s ease-in-out; }
  .data-card--red .data-card__title {
    background: #f56060; }
  .data-card--green .data-card__title {
    background: #4ad260; }
  .data-card--mini .data-card__title {
    background: none;
    color: #009bf3;
    font-size: 0.85rem;
    padding: 0; }

.data-card__icon {
  fill: #009bf3; }
  .data-card--red .data-card__icon {
    fill: #f56060; }
  .data-card--green .data-card__icon {
    fill: #4ad260; }

.context-menu {
  display: none;
  position: fixed;
  z-index: 95;
  background: #ffffff;
  border: 1px solid #d8dde6;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px rgba(30, 37, 50, 0.05);
  border-radius: 4px;
  overflow: hidden; }
  .context-menu .left-sidebar__container {
    cursor: pointer; }
  .context-menu.overflow {
    overflow: unset; }

.context-menu__list {
  padding: 6px 0; }

.context-menu__divider {
  background: #d8dde6;
  width: 100%;
  height: 1px;
  margin: 16px 0; }

.context-menu__item {
  display: flex;
  padding: 5px 12px;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #1e2532;
  min-width: 150px; }

.context-menu__input-label {
  display: block;
  margin: 0 12px 0 12px;
  padding: 12px 0;
  color: #9aa5b5;
  font-size: 11px;
  font-family: "Poppins", sans-serif; }

.context-menu__input-label--with-icon {
  display: flex; }

.context-menu__input-icon {
  position: absolute;
  right: 14px;
  margin-top: 6px;
  cursor: pointer; }

.context-menu__input {
  border: none;
  border-bottom: 1px solid #d8dde6;
  padding: 0 0 8px 0;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  width: 250px;
  display: block; }
  .context-menu__input:focus {
    outline: none;
    border-color: #009bf3; }

.context-menu__input-label--with-icon .context-menu__input {
  padding: 0 24px 8px 0; }

.context-menu__item--clickable {
  cursor: pointer; }
  .context-menu__item--clickable:hover {
    background: #f7f8fb; }
    .context-menu__item--clickable:hover .context-menu__item__title {
      color: #009bf3; }

.context-menu__item__shortcut {
  padding-left: 45px;
  margin-left: auto;
  color: #9aa5b5; }

.context-menu__settings {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ebeced;
  padding: 8px 20px; }
  .context-menu__settings.header {
    background: #1e2532; }
    .context-menu__settings.header .context-menu__explore-subheader {
      color: #9aa5b5; }
      .context-menu__settings.header .context-menu__explore-subheader .label-beta {
        color: #009bf3; }
  .context-menu__settings .analytics-status-button {
    background: #07090d; }

.context-menu__explore-subheader {
  color: #4a5468;
  font-size: 0.85rem;
  font-weight: bold;
  align-self: center; }
  .context-menu__explore-subheader .context-menu__explore-subheader--value {
    font-weight: normal; }
  .context-menu__explore-subheader .fl-input {
    font-size: 0.85rem; }

.explorer-step-categories-dropdown .fl-input-wrapper .fl-input-fit {
  font-size: 13px;
  font-weight: bold;
  color: #4a5468;
  height: 34px;
  padding: 10px 36px 8px 14px;
  width: 169px; }

.explorer-step-categories-dropdown .fl-input-wrapper .fl-dropdown-button__chevron-down {
  width: 8px;
  height: 8px;
  right: 14px;
  top: calc(50% - 4px); }

.explorer-step-categories {
  width: 169px;
  background: #ffffff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  overflow: hidden; }

.explorer-step-category {
  color: #4a5468;
  padding: 12px 14px;
  font-size: 13px;
  cursor: pointer; }
  .explorer-step-category.selected {
    font-weight: bold;
    background: #f7f8fb; }

.context-menu__chips {
  display: flex;
  height: 32px;
  border-bottom: 1px solid #ebeced; }

.context-menu__chip {
  flex-basis: 0;
  flex-grow: 1;
  color: #9aa5b5;
  font-weight: 500;
  border-color: #ebeced;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-radius: 0; }
  .context-menu__chip:hover {
    background: rgba(0, 0, 0, 0.025); }
  .context-menu__chip svg {
    fill: currentColor;
    width: 12px;
    height: 12px;
    margin-right: 4px; }

.context-menu__chip--active {
  background: rgba(0, 0, 0, 0.05);
  color: #009bf3; }

.context-menu__explorer-content {
  width: 400px;
  height: 321px;
  overflow-y: scroll; }

.context-menu__explorer {
  width: 400px; }

.context-menu__explorer-list {
  list-style: none;
  padding: 0;
  margin: 0; }

.context-menu__empty-explorer-item {
  color: #9aa5b5;
  font-size: 0.8125rem; }

.context-menu__empty-explorer {
  display: flex;
  flex-direction: column;
  padding: 5px 0;
  margin: 28px 18px; }
  .context-menu__empty-explorer .empty-explorer-icon,
  .context-menu__empty-explorer .empty-explorer-title,
  .context-menu__empty-explorer .empty-explorer-text {
    align-self: center;
    text-align: center;
    color: #9aa5b5;
    font-size: 0.8125rem;
    margin-bottom: 13px; }
  .context-menu__empty-explorer .empty-explorer-title {
    font-weight: bold; }
  .context-menu__empty-explorer .empty-explorer-icon svg {
    width: 66px;
    height: 66px; }

.context-menu__explorer-load-more {
  padding: 0; }
  .context-menu__explorer-load-more .context-menu__explorer-load-more__button {
    width: 100%;
    background: #fff;
    height: 32px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    color: #9aa5b5;
    border: none;
    outline: none; }
    .context-menu__explorer-load-more .context-menu__explorer-load-more__button:hover {
      background: #ebeced; }

.context-menu__explorer-item {
  word-wrap: break-word;
  padding: 8px 20px;
  border-bottom: 1px solid #d8dde6;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  overflow-y: hidden; }
  .context-menu__explorer-item .context-menu__explorer-item-hits {
    color: #9aa5b5;
    font-size: 0.6875rem; }
  .context-menu__explorer-item:hover .context-menu__explorer-item-label {
    text-decoration: underline; }
  .context-menu__explorer-item:hover .context-menu__explorer-item-label--no-highlight {
    text-decoration: none; }

.context-menu__explorer-item-icon {
  margin-right: 5px; }

.context-menu__explorer-item-icon--attributes-action-name {
  margin-left: 5px; }

.context-menu__explorer-item-label {
  color: #9aa5b5;
  font-weight: bold;
  font-size: 0.6875rem;
  align-self: center; }
  .context-menu__explorer-item-label i {
    font-weight: normal; }

.context-menu__explorer-item-container {
  display: flex;
  justify-content: space-between;
  width: 100%; }

.context-menu__explorer-item--highlight .context-menu__explorer-item-label {
  color: #f2994a; }

.context-menu__explorer-item--action-attribute {
  background: #f7f8fb; }
  .context-menu__explorer-item--action-attribute .context-menu__explorer-item-label {
    color: #4a5468;
    font-size: 0.75rem;
    font-weight: normal; }

.context-menu__explorer-item--action-attribute,
.context-menu__explorer-item--with-values,
.context-menu__explorer-item--not-a-button {
  cursor: default; }
  .context-menu__explorer-item--action-attribute:hover .context-menu__explorer-item-label,
  .context-menu__explorer-item--with-values:hover .context-menu__explorer-item-label,
  .context-menu__explorer-item--not-a-button:hover .context-menu__explorer-item-label {
    text-decoration: none; }

.context-menu__explorer-item--with-values.expanded {
  background: #f7f8fb; }

.context-menu__explorer-item--with-values .context-menu__explorer-item-label {
  font-size: 0.75rem;
  color: #4a5468;
  flex-grow: 1;
  overflow-y: hidden;
  margin-right: 10px; }
  .context-menu__explorer-item--with-values .context-menu__explorer-item-label .context-menu__explorer-item-label--hits {
    font-weight: normal; }

.context-menu__explorer-item--with-values .context-menu__explorer-item--expand-button {
  padding: 0;
  background: none;
  border: none;
  margin: 0 8px 0 0;
  outline: none;
  width: 12px;
  height: 18px;
  align-self: center;
  display: flex;
  cursor: pointer;
  justify-content: center; }
  .context-menu__explorer-item--with-values .context-menu__explorer-item--expand-button svg {
    width: 6px;
    height: 9px;
    align-self: center; }
  .context-menu__explorer-item--with-values .context-menu__explorer-item--expand-button.expanded svg {
    transform: rotate(90deg); }

.context-menu__explorer-item--delete-button,
.context-menu__explorer-item--add-button {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  padding: 0;
  margin: 0;
  border-radius: 4px; }

.context-menu__explorer-item--delete-button svg {
  width: 12px;
  height: 2px; }

.context-menu__explorer-item--add-button svg {
  width: 12px;
  height: 12px; }

.context-menu__explorer-item-sublist {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .context-menu__explorer-item-sublist .context-menu__explorer-item {
    padding-left: 52px; }

.context-menu__tabs {
  display: flex; }

.context-menu .context-menu__tab-button {
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  background: #1e2532;
  color: #fff;
  justify-content: center;
  align-items: center;
  border: none;
  font-size: 11px;
  height: 32px;
  outline: none;
  cursor: pointer; }

.context-menu .context-menu__tab-button--active {
  background: #07090d;
  color: #009bf3; }

.account-settings-popup {
  position: absolute;
  z-index: 99;
  width: 15rem;
  left: -100%;
  bottom: 5.5rem;
  background: #fff;
  transition: 0.15s all ease-in-out;
  box-shadow: 0 3px 6px rgba(99, 110, 132, 0.1);
  border-radius: 6px; }
  .account-settings-popup.show {
    left: 0.5rem; }
  .account-settings-popup .account-settings-popup__title {
    color: #4a5468;
    border-bottom: 1px solid #e2e7ed;
    font-weight: 500;
    font-size: 14px;
    padding: 13px 20px; }
  .account-settings-popup .account-settings-popup__content {
    color: #4a5468;
    font-size: 12px; }
    .account-settings-popup .account-settings-popup__content .fl-icon {
      font-size: 14px; }
      .account-settings-popup .account-settings-popup__content .fl-icon .fl-icon__svg {
        fill: #9aa5b5;
        width: 1rem;
        height: 1rem; }
    .account-settings-popup .account-settings-popup__content .account-settings-popup__content-mail {
      display: flex; }
      .account-settings-popup .account-settings-popup__content .account-settings-popup__content-mail .email {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%; }
    .account-settings-popup .account-settings-popup__content .account-settings-popup__content-people {
      color: #b9c1ce; }
      .account-settings-popup .account-settings-popup__content .account-settings-popup__content-people .tracked-count {
        display: flex;
        justify-content: space-between; }
      .account-settings-popup .account-settings-popup__content .account-settings-popup__content-people .progress-bar-wrapper {
        margin-top: 4px;
        background: #f0f2f7;
        border-radius: 100px;
        padding: 3px 4px; }
        .account-settings-popup .account-settings-popup__content .account-settings-popup__content-people .progress-bar-wrapper .progress-bar {
          height: 6px;
          border-radius: 100px; }
    .account-settings-popup .account-settings-popup__content .account-settings-popup__content-plan {
      display: flex;
      justify-content: space-between; }
      .account-settings-popup .account-settings-popup__content .account-settings-popup__content-plan .plan-type {
        color: #b9c1ce; }
    .account-settings-popup .account-settings-popup__content .account-settings-popup__content-settings {
      display: flex;
      justify-content: space-between;
      background: #fbfbfe; }
      .account-settings-popup .account-settings-popup__content .account-settings-popup__content-settings .account-setting-title {
        display: flex;
        align-items: center; }
      .account-settings-popup .account-settings-popup__content .account-settings-popup__content-settings .fl-icon__svg--icon-open-in-new {
        fill: #009bf3; }
    .account-settings-popup .account-settings-popup__content .account-settings-popup__content-logout {
      display: flex;
      align-items: center; }
      .account-settings-popup .account-settings-popup__content .account-settings-popup__content-logout div {
        cursor: pointer; }

#app .tracking-settings .tracking-settings__content .load-block {
  margin-top: 27px;
  margin-bottom: 26px; }

.tracking-settings {
  width: 550px; }
  .tracking-settings .fl-input-fit {
    color: #4a5468; }

.tracking-settings__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1.5rem;
  border-bottom: 1px solid #d6dee6;
  color: #636e84;
  font-weight: 500; }
  .tracking-settings__header .tracking-settings__header--title {
    text-transform: uppercase;
    font-size: 13px;
    padding: 0.5rem 0; }
  .tracking-settings__header .tracking-settings__header--add-to-kpi {
    font-size: 12px; }
  .tracking-settings__header .tracking-settings__header--setup .icon {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    fill: #9aa5b5;
    cursor: pointer; }
    .tracking-settings__header .tracking-settings__header--setup .icon:hover {
      fill: #4a5468; }

.tracking-settings__action-names-footer {
  display: flex;
  justify-content: center;
  margin: 10px 0; }

.tracking-settings__advanced-actions .clear-advanced-action {
  position: relative;
  background-color: #9aa5b5;
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
  cursor: pointer; }
  .tracking-settings__advanced-actions .clear-advanced-action:before, .tracking-settings__advanced-actions .clear-advanced-action:after {
    position: absolute;
    left: 7px;
    top: 0.125rem;
    content: ' ';
    height: 0.75rem;
    width: 2px;
    background-color: white; }
  .tracking-settings__advanced-actions .clear-advanced-action:before {
    transform: rotate(45deg); }
  .tracking-settings__advanced-actions .clear-advanced-action:after {
    transform: rotate(-45deg); }

.tracking-settings__action-attributes {
  flex-direction: column;
  align-items: start; }

.tracking-settings__action-attributes-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.tracking-settings__action-attributes-list-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px; }

.tracking-settings__dropdown-box {
  box-shadow: 0 0 6px rgba(49, 57, 75, 0.25);
  background: #ffffff;
  border-radius: 4px;
  min-width: 150px; }

.tracking-settings__action-condition,
.tracking-settings__simple-actions,
.tracking-settings__metrics {
  display: flex;
  align-items: center; }

.tracking-settings__simple-actions,
.tracking-settings__advanced-actions,
.tracking-settings__metrics {
  font-size: 12px; }

.tracking-settings__simple-actions {
  padding: 1rem 1.5rem; }

.tracking-settings__metrics {
  padding: 0.5rem 1.5rem 1rem 1.5rem; }

.tracking-settings__advanced-actions {
  padding: 0 1.5rem 1rem 1.5rem; }

.tracking-settings__action-condition {
  justify-content: space-around; }

.tracking-settings__metrics {
  color: #4a5468;
  justify-content: space-between; }
  .tracking-settings__metrics .tracking-settings__metrics-dropdown-wrapper {
    position: relative;
    width: 230px; }
    .tracking-settings__metrics .tracking-settings__metrics-dropdown-wrapper .fl-tooltip__pop-over--top {
      top: calc(100% + 15px);
      min-width: 75%;
      left: 15%;
      margin: 0; }

.tracking-settings__dropdown-select {
  font-size: 13px; }
  .tracking-settings__dropdown-select.dropdown-select-small {
    width: 160px; }
  .tracking-settings__dropdown-select.dropdown-select-extra-small {
    width: 120px; }
  .tracking-settings__dropdown-select .tracking-settings__select-item {
    padding: 0.6rem;
    color: #9aa5b5;
    cursor: pointer; }
    .tracking-settings__dropdown-select .tracking-settings__select-item:hover {
      background: #fbfbfe; }

.tracking-settings__groups-dropdown-content {
  width: 245px; }

.tracking-settings__dropdown-groups {
  overflow-y: auto;
  max-height: 236px; }

.tracking-settings__dropdown-group,
.tracking-settings__dropdown-group-item-count {
  font-size: 13px;
  line-height: 15px; }

.tracking-settings__dropdown-group {
  display: flex;
  justify-content: space-between;
  color: #4a5468;
  padding: 0.55rem 1rem; }
  .tracking-settings__dropdown-group svg {
    width: 0.5rem;
    height: 0.5rem; }
    .tracking-settings__dropdown-group svg.expanded {
      transform: rotate(90deg); }

.tracking-settings__dropdown-group-item {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  color: #9aa5b5;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  background: #fbfbfe;
  margin-bottom: 2px; }

.tracking-settings__operators {
  width: 245px; }

.tracking-settings__property-value,
.tracking-settings__operator {
  font-size: 13px;
  line-height: 16px;
  color: #9aa5b5;
  padding: 0.5rem 1rem;
  cursor: pointer; }
  .tracking-settings__property-value:nth-child(odd),
  .tracking-settings__operator:nth-child(odd) {
    background-color: #fbfbfe; }

.tracking-settings__simple-actions .fl-input-wrapper {
  font-size: 11px; }

.tracking-settings__simple-actions .fl-input-fit {
  background-color: #f0f2f7;
  height: 1.5rem;
  margin-top: 6px;
  border-color: transparent; }

.tracking-settings__simple-actions .disabled-actions-info {
  line-height: 12px;
  font-size: 10px;
  max-width: 10rem; }
  .tracking-settings__simple-actions .disabled-actions-info .tracking-settings__info-description {
    padding-top: 4px; }
  .tracking-settings__simple-actions .disabled-actions-info .fl-icon {
    height: 1rem; }

.tracking-settings__content--section.disabled {
  background: #f7f8fb; }

.tracking-settings__action-condition .fl-input-fit {
  height: 2rem; }

.tracking-settings__simple-actions .action-value__input-wrapper .fl-input-fit {
  font-size: 12px; }
  .tracking-settings__simple-actions .action-value__input-wrapper .fl-input-fit[disabled] {
    opacity: 1; }

.tracking-settings__add-condition {
  margin-left: 1rem; }

.tracking-settings__remove-condition {
  background: #f0f2f7;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  cursor: pointer; }
  .tracking-settings__remove-condition svg {
    width: 1rem;
    height: 1rem;
    fill: #9aa5b5; }

.tracking-settings__info-description {
  color: #9aa5b5; }

.metrics-dropdown {
  cursor: pointer;
  position: relative; }
  .metrics-dropdown.disabled .metrics-selection-box {
    border-color: #d6dee6;
    color: #b9c1ce; }
    .metrics-dropdown.disabled .metrics-selection-box svg {
      fill: #b9c1ce; }
  .metrics-dropdown.opened .metrics-selection-box {
    border-color: #009bf3;
    color: #009bf3; }
    .metrics-dropdown.opened .metrics-selection-box svg {
      fill: #009bf3; }

.tracking-settings__step-number {
  background: #d6dee6;
  width: 1rem;
  height: 1rem;
  text-align: center;
  color: #ffffff;
  border-radius: 0.5rem;
  line-height: 1rem; }

.tracking-settings__no-advanced-action {
  display: flex;
  margin: 0.5rem 1rem 1rem 1rem;
  padding: 1rem;
  align-items: center;
  justify-content: space-between;
  background: #f0f2f7;
  border-radius: 4px; }

.tracking-settings__no-advanced-action--description {
  max-width: 270px;
  font-size: 13px;
  margin: 0 1.5rem 0 0;
  color: #636e84; }

.tracking-settings__content--section-header {
  font-weight: bold;
  font-size: 13px;
  color: #4a5468;
  margin: 0; }

.tracking-settings__content--section__expand-btn {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  font-weight: bold;
  color: #4a5468; }
  .tracking-settings__content--section__expand-btn svg {
    width: 12px;
    height: 10px;
    margin-right: 0.25rem; }
  .tracking-settings__content--section__expand-btn:focus {
    outline: none; }

.tracking-settings__instructions {
  background: #f0f2f7;
  color: #636e84;
  text-align: center;
  font-size: 13px;
  border-radius: 4px;
  margin: 0 1rem 1rem 1rem;
  padding: 1.5rem 1.5rem 1rem 1.5rem; }
  .tracking-settings__instructions h6 {
    font-size: 13px;
    line-height: 15px; }
  .tracking-settings__instructions p {
    line-height: 18px; }

.tracking-settings__content {
  font-size: 11px;
  color: #9aa5b5; }

.tracking-settings--divider {
  border-top: 1px solid #d6dee6;
  width: 100%; }

.metrics-selection-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #d6dee6;
  color: #1e2532;
  font-size: 13px; }
  .metrics-selection-box .layers-icon {
    width: 18px;
    height: 18px; }
  .metrics-selection-box .chevron-down-icon {
    width: 10px;
    height: 10px; }
  .metrics-selection-box svg {
    fill: #9aa5b5; }

.metrics-dropdown-content {
  position: absolute;
  box-shadow: 0 3px 6px rgba(99, 110, 132, 0.24);
  background: #ffffff;
  width: 245px;
  top: calc(100% + 4px);
  left: 0;
  font-size: 13px;
  border-radius: 4px; }
  .metrics-dropdown-content .metrics-dropdown-content__title {
    border-bottom: 1px solid #d6dee6;
    padding: 0.75rem 1rem;
    color: #636e84; }
  .metrics-dropdown-content .metrics-dropdown-content__hint {
    color: #9aa5b5;
    padding: 0.5rem 1rem; }

.metrics-dropdown-content__options {
  max-height: 210px;
  overflow-y: auto;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.metrics-dropdown-content__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  color: #4a5468; }
  .metrics-dropdown-content__option:nth-child(odd) {
    background: #fbfbfe; }

.tracking-settings__medium-field .fl-input-fit,
.tracking-settings__small-field .fl-input-fit,
.tracking-settings__extra-small-field .fl-input-fit {
  overflow: hidden;
  text-overflow: ellipsis; }

.tracking-settings__medium-field .fl-input-fit {
  width: 230px; }

.tracking-settings__small-field .fl-input-fit {
  width: 160px; }

.tracking-settings__extra-small-field .fl-input-fit {
  width: 120px; }

.setup-advanced-actions-modal {
  color: #636e84; }
  .setup-advanced-actions-modal h2 {
    color: #1e2532;
    font-weight: 600; }
  .setup-advanced-actions-modal .modal-content {
    min-width: 640px;
    margin: 3.5rem 0 0 0;
    padding: 2rem; }
  .setup-advanced-actions-modal .modal-header {
    border-bottom: none;
    position: relative;
    display: flex;
    justify-content: center; }
    .setup-advanced-actions-modal .modal-header .close {
      position: absolute;
      top: 0;
      right: 0;
      padding: 0;
      margin: 0; }
  .setup-advanced-actions-modal .modal-body {
    text-align: center;
    padding: 0; }
  .setup-advanced-actions-modal .setup-option {
    background: #f0f2f7;
    border-radius: 10px;
    padding: 1rem 2rem 1.5rem 2rem; }
    .setup-advanced-actions-modal .setup-option .fl-btn {
      width: 17rem;
      height: 3rem;
      margin-bottom: 12px; }
    .setup-advanced-actions-modal .setup-option u {
      font-size: 12px;
      line-height: 14px; }
    .setup-advanced-actions-modal .setup-option p {
      font-size: 16px;
      margin: 1rem 0; }
    .setup-advanced-actions-modal .setup-option .web-hook-key {
      font-size: 12px;
      background: #ffffff;
      padding: 1rem 1.5rem;
      border-radius: 4px;
      border: 1px solid #d8dde6;
      box-sizing: border-box; }
      .setup-advanced-actions-modal .setup-option .web-hook-key .key-value {
        font-size: 16px;
        color: #9aa5b5;
        word-break: break-all;
        resize: none;
        outline: none;
        border: none;
        text-align: center;
        width: 100%; }

.tracking-setting__dummy-dropdown {
  background-color: #f0f2f7;
  padding: 6.5px 16px;
  color: #4a5468;
  border-radius: 2px;
  font-size: 13px; }

.all-steps-list {
  max-height: 400px;
  overflow-y: auto; }

.all-steps-list__list-heading {
  font-size: 0.875rem;
  font-weight: 700;
  background-color: #f2f2f2;
  margin: 0; }

.all-steps-list__list-heading-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px;
  border: none;
  border-bottom: 1px solid #d8dde6; }

.all-steps-list__step-list {
  list-style: none;
  padding: 5px 0 0;
  margin: 0; }

.all-steps-list__step-item {
  padding: 5px 15px; }

.all-steps-list__radio-item {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.all-steps-list__radio-item-label {
  padding-left: 5px; }

.all-steps-list__find-button button {
  height: 1.5rem;
  width: 0.3rem;
  min-width: 0.3rem;
  padding: 0.7rem; }

.right-toolbar-item {
  margin-left: 0.5rem; }

.analytics-panel {
  z-index: 60; }

.analytics-panel__content_wrapper {
  height: calc(100vh - 48px);
  position: absolute;
  display: block;
  overflow: visible;
  width: 550px;
  right: 0;
  transform: none;
  z-index: 60; }

.right-toolbar-progress-bar {
  padding: 0.5rem 1rem;
  color: #1e2532; }
  .right-toolbar-progress-bar .allowance-progress-bar-progress {
    background: #f0f2f7;
    border-radius: 100px;
    padding: 3px 4px;
    height: 12px; }
  .right-toolbar-progress-bar .allowance-progress-bar__header {
    margin-bottom: 3px; }

.analytics-panel--expanded .analytics-panel__content_wrapper {
  width: 100%;
  z-index: 100; }

.analytics-panel--medium-expanded .analytics-panel__content_wrapper {
  width: 900px;
  max-width: 80%; }

.analytics-panel--hidden .analytics-panel__content_wrapper {
  transform: translateX(100%); }

.analytics-panel--animating .analytics-panel__content_wrapper {
  transition: transform 0.15s linear; }

.analytics-panel--animating.analytics-panel--hidden .analytics-panel__content_wrapper {
  transition: transform 0.15s linear; }

.analytics-panel__content {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  position: relative;
  border-top: 1px solid #d8dde6;
  border-left: 1px solid #d8dde6;
  z-index: 1;
  background-color: #fff; }
  .analytics-panel__content .analytics-panel__content-header {
    display: flex;
    background: rgba(0, 0, 0, 0.05);
    height: 3rem; }
    .analytics-panel__content .analytics-panel__content-header .content-title {
      flex-grow: 1;
      color: #1e2532;
      font-size: 14px;
      font-weight: bold;
      text-align: left;
      align-self: center;
      letter-spacing: 0.05em;
      padding: 12px; }
    .analytics-panel__content .analytics-panel__content-header .collapse-button {
      margin-left: 7px; }
      .analytics-panel__content .analytics-panel__content-header .collapse-button svg {
        width: 7px;
        height: 12px; }
    .analytics-panel__content .analytics-panel__content-header .toggle-wide-mode-button {
      margin-right: 7px; }
      .analytics-panel__content .analytics-panel__content-header .toggle-wide-mode-button svg {
        width: 12px;
        height: 12px; }
    .analytics-panel__content .analytics-panel__content-header .collapse-button,
    .analytics-panel__content .analytics-panel__content-header .toggle-wide-mode-button {
      width: 32px;
      height: 32px;
      align-self: center;
      background: #fff;
      color: #9aa5b5;
      border: none;
      outline: none;
      cursor: pointer;
      box-shadow: 0 0 6px rgba(49, 57, 75, 0.25);
      border-radius: 4px; }
      .analytics-panel__content .analytics-panel__content-header .collapse-button svg,
      .analytics-panel__content .analytics-panel__content-header .toggle-wide-mode-button svg {
        fill: currentColor; }
  .analytics-panel__content .analytics-panel__tabs {
    display: flex;
    border-bottom: 1px solid #f0f2f7; }
    .analytics-panel__content .analytics-panel__tabs .analytics-panel__tab {
      flex-grow: 1;
      width: 100%;
      height: 48px;
      padding: 14px;
      text-align: center;
      color: #9aa5b5;
      font-size: 14px;
      cursor: pointer;
      font-weight: 500; }
      .analytics-panel__content .analytics-panel__tabs .analytics-panel__tab.active {
        color: #009bf3;
        border-bottom: 4px solid #009bf3; }
        .analytics-panel__content .analytics-panel__tabs .analytics-panel__tab.active:hover {
          border-bottom-color: initial; }
      .analytics-panel__content .analytics-panel__tabs .analytics-panel__tab:hover {
        border-bottom: 4px solid rgba(0, 0, 0, 0.05); }
  .analytics-panel__content .user-profile-about {
    font-weight: 400;
    position: relative;
    display: flex;
    height: 90px;
    padding: 30px;
    font-size: 25px; }
    .analytics-panel__content .user-profile-about .user-flag {
      margin-left: 435px;
      margin-top: 5px;
      position: absolute; }
  .analytics-panel__content .user-personal-info {
    padding: 11px 53px 0;
    border: none;
    line-height: 6px;
    height: 50px; }
    .analytics-panel__content .user-personal-info.param-list {
      background-color: none; }
  .analytics-panel__content .user-personal-info:nth-child(even) {
    background-color: #f9f9f9; }
  .analytics-panel__content .list {
    position: absolute;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding-bottom: 80px; }
    .analytics-panel__content .list.users {
      position: relative; }
      .analytics-panel__content .list.users .users-list-half:nth-child(1) {
        overflow-y: scroll; }
      .analytics-panel__content .list.users .users-list-half:nth-child(2) {
        flex: 1;
        padding-top: 30px;
        padding-bottom: 100px;
        margin: 0 auto 100px auto; }
      .analytics-panel__content .list.users .user {
        color: black;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; }
        .analytics-panel__content .list.users .user .user-list__left {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: center;
          padding: 5px 5px 5px 0; }
        .analytics-panel__content .list.users .user .user-list__date {
          padding: 5px 0 0;
          font-size: 0.8rem;
          color: #999; }
        .analytics-panel__content .list.users .user.user-focused {
          color: #4ad260; }
        .analytics-panel__content .list.users .user .info .top {
          display: flex; }
          .analytics-panel__content .list.users .user .info .top .id {
            height: 100%;
            padding-left: 20px;
            line-height: 32px;
            flex: 1;
            transition: 0.1s all ease-in-out; }
          .analytics-panel__content .list.users .user .info .top .flag {
            margin-right: 10px; }
          .analytics-panel__content .list.users .user .info .top .flag,
          .analytics-panel__content .list.users .user .info .top .id {
            display: inline-block; }
        .analytics-panel__content .list.users .user .info .location {
          margin-top: 4px; }
        .analytics-panel__content .list.users .user:hover {
          text-decoration: none; }
        .analytics-panel__content .list.users .user.selected .info .top {
          color: #e74c3c; }
    .analytics-panel__content .list.info {
      background: white; }
    .analytics-panel__content .list.referrers .table {
      user-select: text;
      table-layout: auto;
      width: 100%;
      word-break: break-all; }
      .analytics-panel__content .list.referrers .table thead {
        word-break: keep-all; }

.analytics-panel__user-info {
  user-select: text;
  padding: 0; }
  .analytics-panel__user-info .user-list {
    min-height: 70px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 20px;
    border-bottom: 1px solid #eee; }
    .analytics-panel__user-info .user-list .user-list__identifier {
      height: auto;
      line-height: 1; }

.analytics-panel__navigation {
  display: flex;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 6px rgba(49, 57, 75, 0.25);
  border-radius: 4px; }

.analytics-panel__navigation__item {
  position: relative; }

.analytics-panel__navigation__item:first-child .analytics-panel__sidebar-tab {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.analytics-panel__navigation__item:last-child .analytics-panel__sidebar-tab {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.analytics-panel__sidebar-tab {
  position: relative;
  background: #fff;
  color: #9aa5b5;
  display: flex;
  width: 3rem;
  height: 3rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 0;
  padding: 15px 0;
  cursor: pointer;
  border: none;
  outline: none; }
  .analytics-panel__sidebar-tab:hover {
    background: rgba(0, 0, 0, 0.05); }

.analytics-panel__separator {
  background: #d8dde6;
  width: 1px;
  height: 32px;
  align-self: center; }

.analytics-panel__sidebar-tab:focus {
  outline: none; }

.analytics-panel__sidebar-tab--active {
  background: rgba(0, 0, 0, 0.05);
  color: #009bf3; }

.analytics-panel__sidebar-tab-label {
  writing-mode: vertical-rl;
  font-size: 13px; }

.analytics-panel__sidebar-tab-icon {
  width: 16px;
  height: 16px;
  fill: currentColor; }

.analytics-panel__sidebar-tab-icon--active {
  transform: rotate(180deg); }

.analytics_panel__header {
  padding: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f0f2f7;
  color: #009bf3; }

.analytics_panel__header--total-sessions {
  text-align: center;
  min-width: 200px;
  padding: 0 1.5rem; }
  .analytics_panel__header--total-sessions h4 {
    font-size: 20px;
    font-weight: bold; }
  .analytics_panel__header--total-sessions svg {
    fill: #009bf3;
    width: 123px;
    height: 65px; }

.analytics_panel__header--total-sessions-count {
  font-weight: bold;
  font-size: 32px; }

.analytics_panel__header--date-range {
  font-size: 0.75rem;
  color: #9aa5b5;
  margin-top: 0.5rem; }

.analytics-session-groups {
  background: #ffffff;
  box-shadow: 0 0 6px rgba(49, 57, 75, 0.25);
  border-radius: 4px;
  width: 312px; }

.analytics-session-groups__header {
  color: #4a5468;
  padding: 0.5rem 1rem;
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.analytics-session-groups__list {
  min-height: 181px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 10px 0; }

.analytics-session-group__empty-result {
  text-align: center;
  color: #9aa5b5; }

.analytics-session-group__item {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem; }
  .analytics-session-group__item:nth-child(even) {
    background: #f0f2f7; }

.analytics-session-group__item-country {
  display: flex;
  align-items: center; }
  .analytics-session-group__item-country .flag {
    margin: 0 5px; }

.analytics-session-group__item-country-position {
  color: #4a5468;
  font-size: 13px;
  font-weight: bold; }

.analytics-session-group__item-country-name {
  color: #4a5468;
  font-size: 14px;
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.analytics-session-group__item-visitors {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #313a4b;
  max-width: 100px;
  overflow: hidden; }

.analytics-session-group__item-visitors-count {
  color: #9aa5b5;
  padding-right: 2px;
  max-width: 73px;
  overflow: hidden;
  text-overflow: ellipsis; }

.analytics-session-group__item-visitors-percent {
  font-weight: bold; }

.analytics-session-groups__pagination {
  color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding: 0.75rem; }

.analytics-session-groups__pagination-controls {
  display: flex; }
  .analytics-session-groups__pagination-controls button {
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
    color: unset;
    background: unset;
    cursor: pointer; }
  .analytics-session-groups__pagination-controls .icon {
    width: 12px;
    margin: 0 6px;
    height: 12px; }
    .analytics-session-groups__pagination-controls .icon.disabled {
      opacity: 0.5; }

.analytics-session-groups__pagination-total {
  font-size: 12px;
  margin-right: 10px; }

.analytics-panel__vertical-group {
  height: calc(100% - 48px);
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .analytics-panel__vertical-group > * {
    height: 50%;
    overflow: auto; }

.updated-at {
  font-size: 12px;
  z-index: 1;
  margin-right: 1.5rem;
  color: #9aa5b5;
  font-style: italic; }

.benchmarks-warning-modal .modal-content {
  width: 40rem;
  margin: 11rem auto;
  padding: 2rem 2rem 1.5rem 2rem; }

.benchmarks-warning-modal .modal-header {
  padding: 0;
  border: none; }
  .benchmarks-warning-modal .modal-header .close {
    position: absolute;
    right: 3rem;
    top: 2rem; }

.benchmarks-warning-modal .modal-body {
  padding: 0; }

.benchmarks-warning-modal__description {
  background: #f0f2f7;
  margin-top: 1.5rem;
  padding: 1.75rem;
  border-radius: 4px;
  text-align: center; }

.kpi-panel {
  width: 100%;
  height: 100%;
  background: white;
  display: flex;
  flex-direction: column;
  z-index: 100;
  position: absolute;
  overflow-x: hidden;
  overflow-y: scroll;
  transition: 0.4s all ease-in-out; }

.kpi-panel__title {
  letter-spacing: 0.05em;
  padding: 25px; }

.kpi-panel__kpi-list {
  list-style: none;
  margin: 0;
  padding: 0px 25px;
  margin-bottom: 1rem; }

.kpi-panel__coming-soon-img {
  width: 100%; }

.kpi-panel__carousel {
  width: 100%;
  margin-left: 0; }

.kpi-panel__carousel-button {
  border: 1px solid #d8dde6;
  border-radius: 4px;
  box-shadow: 0px 1px 2px #f0f2f7;
  width: 30px;
  height: 30px;
  display: flex;
  cursor: pointer; }

.kpi-panel__carousel-chevron {
  height: 10px; }

.kpi-panel__carousel-button-group {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 2rem; }

.carousel-inner {
  margin-bottom: 1rem; }
  .carousel-inner .carousel-item {
    transition: transform 0.2s ease; }

.carousel-indicators {
  left: 0;
  right: auto;
  margin: 0; }
  .carousel-indicators li {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: #d8dde6; }
  .carousel-indicators .active {
    background-color: #1e2532; }

.kpi-panel__learn-about-goals {
  font-style: italic;
  font-size: 14px; }

.kpi-setter__row {
  display: flex;
  margin-top: 12px; }

.kpi-setter__column .kpi-setter__field:nth-child(n + 2), .kpi-setter__column .kpi-setter__input-validation:nth-child(n + 2) {
  margin-top: 12px; }

.kpi-setter__field, .kpi-setter__input-validation {
  flex: 1; }

.kpi-setter__field__label, .kpi-setter__input-validation label {
  margin: 0;
  font-size: 12px;
  color: #636e84;
  width: 100%; }

.kpi-setter__field__label-arrow {
  position: relative; }
  .kpi-setter__field__label-arrow::before {
    content: '^';
    font-family: Verdana, Geneva, sans-serif;
    color: #d8dde6;
    font-size: 16px;
    font-weight: bold;
    transform: rotate(180deg);
    position: absolute;
    top: 22px;
    right: 10px;
    z-index: 55; }

.kpi-setter__field__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 6px 13px;
  display: block;
  margin: 2px 0 0 0;
  background: #ffffff;
  border: 1px solid #d8dde6;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 13px;
  color: #1e2532;
  width: 100%; }
  .kpi-setter__field__input:focus {
    outline: none; }

.kpi-setter__divider {
  width: 12px; }

.kpi-setter__input-validation .input-group-prepend {
  margin-top: 2px;
  transition: border-color 0.3s ease-in-out; }

.kpi-setter__field-unit-type {
  display: flex;
  align-items: center;
  padding: 5px;
  margin-top: 2px;
  border: 1px solid #d8dde6;
  border-right: none;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px; }

.kpi-setter__field-wrapper {
  display: flex; }

.tracking-section .sidebar-field-status, .tracking-section .sidebar-param-status, .tracking-section .sidebar-event-prop-status, .tracking-section .sidebar-url-status {
  right: 10px; }

.tracking-section .tool-tip__component .tool-tip {
  margin-right: 0; }
  .tracking-section .tool-tip__component .tool-tip::after {
    right: 10px; }

.tracking-section .paramCreator {
  margin-top: 12px; }
  .tracking-section .paramCreator .fl-btn.bkg--blackgrey {
    height: 34px;
    font-size: 12px;
    margin-bottom: 24px; }
  .tracking-section .paramCreator .fl-row {
    justify-content: space-evenly; }
    .tracking-section .paramCreator .fl-row .fl--valid--input {
      height: 34px;
      font-size: 13px; }
      .tracking-section .paramCreator .fl-row .fl--valid--input.x-select {
        width: 145px; }
    .tracking-section .paramCreator .fl-row .sidebar-field-status, .tracking-section .paramCreator .fl-row .sidebar-param-status, .tracking-section .paramCreator .fl-row .sidebar-event-prop-status, .tracking-section .paramCreator .fl-row .sidebar-url-status {
      top: 7px; }
    .tracking-section .paramCreator .fl-row .input-divider {
      width: 12px; }

.url-preview__clipboard-icon {
  color: #636e84;
  margin-left: 12px; }

.tracking-section {
  box-sizing: border-box;
  padding: 0 30px; }
  .tracking-section .section__header .section__header__label {
    text-transform: uppercase;
    color: #1e2532;
    font-size: 13px;
    display: inline-block;
    margin-left: 12px; }
  .tracking-section .section__header .section__header__label--non-interactive {
    margin-left: 0; }
  .tracking-section .section__header__checkbox {
    cursor: pointer;
    margin-right: 12px;
    display: flex;
    align-items: center;
    width: 100%; }
    .tracking-section .section__header__checkbox .section__header__checkbox__input {
      display: none; }
      .tracking-section .section__header__checkbox .section__header__checkbox__input:checked ~ .section__header__checkbox__span {
        background: #009bf3;
        border: 1px solid #0788e5;
        box-shadow: none; }
        .tracking-section .section__header__checkbox .section__header__checkbox__input:checked ~ .section__header__checkbox__span::after {
          content: '\2714';
          font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
          font-size: 12px;
          position: absolute;
          top: 50%;
          left: 50%;
          color: white;
          transform: translateX(-50%) translateY(-50%); }
    .tracking-section .section__header__checkbox .section__header__checkbox__span {
      display: inline-block;
      width: 16px;
      height: 16px;
      background: #fbfbfe;
      border: 1px solid #d8dde6;
      box-sizing: border-box;
      box-shadow: inset 0px 2px 0px #f0f2f7, inset 0px 3px 1px #f0f2f7;
      border-radius: 2.66667px;
      position: relative; }
  .tracking-section .section__header__checkbox--non-interactive {
    cursor: default; }
  .tracking-section div .sideBarLabel, .tracking-section div .sideBarLabel2, .tracking-section div .attribute__label {
    margin-left: 0;
    color: #636e84;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.6px;
    line-height: 14px; }
  .tracking-section div .label-wrapper {
    margin-right: 0; }
    .tracking-section div .label-wrapper .sidebar-text {
      width: 100%;
      margin-left: 0; }
  .tracking-section hr {
    margin-left: -30px;
    margin-right: -30px; }

.right-sidebar .sideBarLabel, .right-sidebar .sideBarLabel2, .right-sidebar .attribute__label {
  margin-left: 0;
  color: #636e84;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 14px;
  left: inheirt;
  margin-top: 0;
  margin-bottom: 0.5rem; }

.sidebar-text {
  display: block;
  margin-bottom: 10px;
  font-family: 'Helvetica Neue';
  height: 2.4rem;
  width: 100%;
  padding: 8px;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  box-sizing: border-box;
  outline: 0;
  transition: all 0.3s ease-in-out; }
  z .sidebar-text:focus {
    border: 1.5px solid #80bdff; }
    z .sidebar-text:focus.label {
      color: #80bdff; }
  .sidebar-text::placeholder {
    color: #9aa5b5; }
  .sidebar-text.notes-step-label {
    margin: 0;
    width: 100%; }

.right-sidebar__section .input-with-status__functional-button-container {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none; }

.sideBarLabel, .sideBarLabel2, .attribute__label {
  left: 0;
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 0.2rem;
  font-size: 10px;
  letter-spacing: 1.2px;
  color: #8f9196; }

.sideBarLabel2 {
  margin-left: 0.2em; }

.attribute__label {
  /**
     * Parameter and attributes label are already bound by container and don't need the extra margin
     */
  margin-left: 0; }

.attribute__input {
  /**
      * Parameter and attributes fields should take the full width allotted to it since it is already
      * bound by the container
      */
  width: 100%; }

.sideBarText {
  display: block;
  margin: 0 auto; }

.propertyButton, .sideBarButton {
  color: #249ecf;
  display: block;
  margin: 0 auto;
  border: 1px solid #249ecf;
  border-radius: 5px;
  margin-bottom: 23px;
  line-height: 2.9em;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  cursor: pointer;
  transition: 0.1s all ease-in-out;
  user-select: none; }

.sideBarButton {
  height: 2.9em;
  margin-top: 20px;
  margin-bottom: 25px;
  width: 85%;
  background-color: white; }

.sideBarButton:hover {
  text-decoration: none; }

.sideBarTextArea {
  display: block;
  margin: 20px auto 0;
  overflow: hidden;
  margin-bottom: 20px;
  height: 10em;
  width: 85%;
  line-height: 20px;
  background: 0 0;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  box-sizing: border-box;
  outline: 0;
  transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out; }

.sideBarTextArea:focus {
  border: 1px solid #80bdff; }

.paramCreator {
  margin: 0 auto; }

.eventCreator {
  width: 85%;
  margin: -17px auto 0; }

.param-block {
  margin: 25px 0; }

#sidebar-plussymbol {
  color: white !important;
  float: right;
  margin-top: 3px;
  margin-right: 20px; }

.rotate {
  transform: rotate(180deg); }

.sidebar-button-circle {
  radius: 50%;
  background-color: #249ecf;
  color: white;
  text-align: center;
  padding-top: 6px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block; }

.tool-tip {
  display: none;
  border-color: #333 transparent;
  border-width: 10px 10px 10px 10px;
  bottom: 40px;
  left: 40%;
  position: absolute;
  z-index: 100;
  color: white;
  border-radius: 5px;
  font-size: 12px;
  padding: 17px;
  margin-right: 15px;
  background: #333;
  background: rgba(0, 0, 0, 0.8); }
  .tool-tip:after {
    content: '';
    position: absolute;
    border-width: 10px;
    border-style: solid;
    top: 100%;
    right: 19px;
    border-color: #333 transparent transparent transparent; }

.tool-tip__component:hover > .tool-tip {
  display: block; }

.tool-tip--parameter .tool-tip {
  bottom: 38px;
  left: 11px;
  width: 100%; }

.tool-tip--url .tool-tip {
  margin-left: 10px;
  bottom: 55px;
  right: -19px;
  margin-right: 10px; }

.sidebar-field-status, .sidebar-param-status, .sidebar-event-prop-status, .sidebar-url-status {
  border-color: #333 transparent;
  border-width: 10px 10px 10px 10px;
  position: absolute;
  top: 11px;
  right: 38px; }
  .sidebar-field-status.parameter, .parameter.sidebar-param-status, .parameter.sidebar-event-prop-status, .parameter.sidebar-url-status {
    top: 10px;
    right: 10px; }

.fl-tooltip .sidebar-field-status, .fl-tooltip .sidebar-param-status, .fl-tooltip .sidebar-event-prop-status, .fl-tooltip .sidebar-url-status {
  right: 10px;
  z-index: 11; }

.sidebar-param-status {
  right: 10px; }

.sidebar-event-prop-status {
  top: 9px; }

.sidebar-url-status {
  top: 8px;
  right: 12px; }

.status-padding {
  padding-right: 29px; }
  .status-padding.form-control-sm {
    padding-right: 29px; }
  .status-padding input {
    margin-top: 4px; }

.collapsible-panel__heading {
  display: flex; }
  .collapsible-panel__heading .chev-down {
    display: inline-block; }
  .collapsible-panel__heading .chev-up {
    display: none; }
  .collapsible-panel__heading.collapsed .chev-down {
    display: none; }
  .collapsible-panel__heading.collapsed .chev-up {
    display: inline-block; }

.collapsible-panel__heading-copy {
  display: flex;
  font-family: Roboto;
  letter-spacing: 0.1rem; }

.hoverable-tooltip {
  height: 40px;
  width: 51px;
  position: absolute;
  top: -11px;
  right: 10%;
  margin: auto;
  display: none; }

.tool-tip__component:hover > .hoverable-tooltip {
  display: block; }

.delete-parameter-x {
  float: right;
  font-size: 14px; }

.sidebar__header {
  height: 3em;
  font-family: 'Helvetica Neue';
  font-weight: 500;
  padding-left: 1.4em;
  vertical-align: middle;
  letter-spacing: 1.2px;
  font-size: 0.8em;
  width: 100%;
  border-top: 0.09px solid #dadada;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer; }

.collapsible-panel__icon {
  font-weight: 900;
  font-size: 16px;
  width: 15px; }

.link-wrapper {
  justify-content: space-between;
  margin: 0.5rem 0; }

.link-style-icon {
  width: 34px;
  font-size: 1rem;
  margin: 0 0.25rem;
  height: 34px;
  box-shadow: 0 2px 2px #f0f2f7;
  border-radius: 4px;
  border: 1px solid #d8dde6;
  background-color: #ffffff; }
  .link-style-icon.active {
    border: 2px solid #009bf3;
    color: #009bf3; }

.link-selector {
  font-size: 13px;
  font-weight: 400;
  line-height: 15px; }

.right-sidebar {
  overflow: scroll;
  height: 100%;
  padding-bottom: 4rem; }

.right-sidebar__section {
  padding: 20px 30px 20px 30px; }

.right-sidebar__section--bordered {
  border-top: 1px solid #d8dde6;
  padding: 0;
  margin-top: 10px; }

.right-sidebar__heading {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  display: flex;
  align-items: center;
  letter-spacing: 0.1rem;
  margin: 24px 0 0 24px; }

.right-sidebar__top-nav {
  font-family: Roboto;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d8dde6;
  background-color: white;
  height: 2.875rem;
  width: 100%;
  z-index: 100; }

.right-sidebar__nav-item {
  height: 100%;
  cursor: pointer;
  flex-grow: 1;
  text-align: center;
  padding: 12px 0; }

.right-sidebar__nav-item--active {
  border-bottom: 2px solid #009bf3; }

.label-wrapper {
  position: relative;
  display: flex;
  margin-right: 12px; }

.right-icon-section {
  display: grid;
  height: 100%;
  padding: 1rem;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-row-gap: 2rem; }

.right-icon-section--event-icons {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }

.right-icon-section__icon {
  object-fit: contain;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer; }

.right-icon-section__icon--event-icons {
  margin: inherit; }

.right-icon-section__icon-name {
  font-size: 12px;
  text-align: center;
  font-family: "Nunito", sans-serif;
  width: 65px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.right-icon-section__icon-name--event-icons {
  overflow: visible;
  white-space: normal; }

.right-icon-section__image {
  width: 3rem; }

.input-with-status__functional-button {
  cursor: pointer;
  border: 1px solid #d8dde6;
  margin-top: 2px;
  height: 33px;
  width: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.input-with-status__refresh {
  border-radius: 4px;
  height: 32px;
  width: 32px;
  padding-top: 10px;
  cursor: pointer;
  cursor: wait;
  color: #1e2532; }
  .input-with-status__refresh .icon-sync {
    font-size: 14px;
    display: flex;
    margin: auto;
    box-sizing: content-box; }
  .input-with-status__refresh .icon-sync {
    animation: rotation 2s infinite linear; }

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.rs-divider {
  width: 10px; }

.rs-form-control--label {
  margin: 0;
  font-size: 12px;
  color: #636e84;
  width: 100%; }

.rs-form-control--label-arrow {
  position: relative; }
  .rs-form-control--label-arrow::before {
    content: '^';
    font-family: Verdana, Geneva, sans-serif;
    color: #d8dde6;
    font-size: 16px;
    font-weight: bold;
    transform: rotate(180deg);
    position: absolute;
    top: 22px;
    right: 10px;
    z-index: 55;
    pointer-events: none; }

.rs-input, .kpi-setter__input-validation input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 6px 13px;
  display: block;
  margin: 2px 0 0 0;
  padding-right: 2rem;
  background: #ffffff;
  border: 1px solid #d8dde6;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 13px;
  color: #1e2532;
  width: 100%;
  height: auto;
  transition: all 0.3s ease-in-out; }
  .rs-input:focus, .kpi-setter__input-validation input:focus {
    outline: none;
    border: 1px solid #009bf3; }

.rs-input--no-padding {
  padding-right: 0.5rem; }

.rs-input--left-padding {
  padding-left: 1rem; }

.rs-input--left-border-radius {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.rs-event-switch {
  display: flex;
  height: 34px;
  background: white;
  box-shadow: 0px 2px 3px rgba(214, 222, 230, 0.3); }

.rs-event-switch__button {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-size: 13px;
  border-bottom: 1px solid #d8dde6;
  border-top: 1px solid #d8dde6;
  color: #009bf3; }
  .rs-event-switch__button:hover {
    color: #009bf3; }
  .rs-event-switch__button:first-child {
    border-left: 1px solid #d8dde6;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .rs-event-switch__button:last-child {
    border-right: 1px solid #d8dde6;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }

.rs-event-switch__button-active {
  background: #009bf3;
  border-color: #009bf3;
  color: white; }
  .rs-event-switch__button-active:hover {
    color: white; }

.ql-tooltip.ql-editing {
  left: 10px !important; }

.right-sidebar__trigger-row {
  display: flex;
  flex-direction: row;
  align-items: center; }

.right-sidebar__row {
  display: flex;
  justify-content: space-between; }

.right-sidebar__input-wrapper {
  width: 100%;
  padding-right: 1rem;
  margin-bottom: 1rem; }

.right-sidebar__input-wrapper--no-margin {
  padding-right: 0; }

.right-sidebar__title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  display: flex;
  align-items: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 12px; }

.rs-input__unit {
  position: absolute;
  font-size: 12px;
  margin-top: -25px;
  margin-left: 6px; }

.revisions-list .revision-item {
  border-bottom: 1px solid #d8dde6;
  color: #636e84; }

.revisions-list .created-at {
  vertical-align: middle;
  margin-right: 10px; }

.forecasting-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  margin-top: 1rem; }

.forecast-overview__title-and-button {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 15px; }

.forecasting-overview__title {
  margin-bottom: 25px; }

.forecasting-links {
  display: flex; }

.forecasting-links__info-section {
  display: flex;
  flex-direction: column;
  justify-content: space-around; }

.forecast-overview__set-labels {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
  margin-left: 15px; }

.forecast-overview__set-label {
  font-size: 0.9rem;
  font-weight: 600;
  display: block;
  max-width: 10rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.forecast-overview__set-icons {
  display: flex;
  align-items: center; }

.forecasting-links__img {
  width: auto;
  max-width: 70px;
  height: 60px;
  object-fit: contain;
  margin-right: 1rem; }

.forecasting-links__img--small {
  height: 50px;
  width: 40px;
  margin: 0;
  z-index: 5; }

.forecast-overview__arrow {
  margin: 0 0.5rem;
  max-width: 15px;
  min-width: 15px; }

.forecast-overview__arrow--small {
  margin: 0 0.2rem; }

.forecasting-overview__inputs {
  display: flex;
  font-size: 12px; }

.forecasting-overview__input {
  margin-right: 0.5rem; }
  .forecasting-overview__input label {
    margin: 0;
    color: #636e84; }

.forecasting-overview__input-container {
  position: relative;
  max-width: 105px; }
  .forecasting-overview__input-container input {
    height: 40px;
    padding: 0 25px; }
  .forecasting-overview__input-container .forecasting-overview__input-unit {
    color: #636e84;
    position: absolute;
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-top: 2.75px; }
  .forecasting-overview__input-container .forecasting-overview__input-unit--right {
    right: 0;
    padding-left: 0;
    padding-right: 15px; }
  .forecasting-overview__input-container .forecasting-overview__input--smaller-left-padding {
    padding-left: 15px; }

.forecasting-overview__input-button {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }
  .forecasting-overview__input-button button {
    height: 40px; }

.forecasting-links__input-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: #1e2532;
  max-width: 6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.forecasting-overview__list {
  overflow-y: auto;
  padding-bottom: 2rem; }

.forecasting-overview__canvas-wide {
  border: 1px solid #ff7448;
  box-shadow: 0px 2px 7px rgba(255, 116, 72, 0.2);
  border-radius: 4px;
  padding: 16px; }

.forecasting-overview__summary-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr; }

.forecasting-overview__message {
  flex-grow: 1;
  font-size: 0.85rem;
  color: #636e84;
  text-align: right; }

.forecasting-overview__benchmark-btn {
  background: #009bf3;
  border-radius: 10px;
  color: white;
  border: none;
  padding: 5px 10px;
  transition: all 0.4s ease-in-out;
  box-shadow: 0px 2px 4px rgba(154, 165, 181, 0.4), 0px 2px 2px rgba(154, 165, 181, 0.1); }
  .forecasting-overview__benchmark-btn:hover {
    background: #33b5fe; }

.forecast-overview__section {
  z-index: 100;
  top: 0;
  background: #fbfbfe;
  position: sticky;
  border-bottom: 1px solid #d8dde6;
  padding: 25px; }

.forecasting-overview__info-section {
  display: flex;
  flex-direction: column;
  padding: 25px; }

.forecasting-overview__info-section-column {
  padding: 25px;
  width: 60%; }

.forecasting-overview__info-section-column--small {
  width: 40%; }

.forecasting-overview__info-section-text {
  font-size: 0.9rem;
  color: #636e84;
  margin: 0; }

.forecast-overview__profit-icon {
  font-size: 10px;
  height: 25px;
  width: 25px;
  margin-top: 6px; }

.forecasting-overview__days {
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 1rem; }

.forecast-overview__set-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.forecast-overview__set {
  display: flex;
  padding: 15px 25px;
  border-bottom: 1px solid #d8dde6; }

.forecast-overview__set:last-child {
  border-bottom: none; }

.forecasting-links__title {
  font-size: 14px;
  margin-bottom: 0.5rem; }

.forecasting-overview__item {
  font-size: 14px; }

.forecasting-overview__warning {
  padding: 25px; }

.forecasting-overview__total-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem; }

.forecasting-overview__row {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
  justify-content: space-between; }

.forecasting-overview__middle-section {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem; }

.forecasting-overview__bottom-section {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem; }

.forecasting-card__data {
  color: #313a4b;
  font-size: 1.5rem; }

.forecasting-card-mini__data {
  color: #313a4b;
  font-size: 1rem; }

.forecasting-card__time {
  color: #636e84;
  font-size: 0.85rem;
  letter-spacing: 0.02em; }

.forecasting-overview__top-section-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem;
  margin-bottom: 1rem; }

.forecasting-overview__middle-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 1rem;
  margin-bottom: 1rem; }

.forecasting-overview__bottom-row {
  display: grid;
  grid-template-columns: 7fr 1fr 1fr;
  grid-gap: 1rem;
  max-height: 79px; }

.forecasting-overview__middle-column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 1rem; }

.forecast-overview__enable-forecast-message .modal-content {
  padding: 2rem; }

.forecast-overview__enable-forecast-message .modal-body {
  padding: 0; }

.fl-suggested-actions {
  display: flex;
  flex-direction: column;
  width: 100%; }

.fl-suggested-actions__message {
  margin-bottom: 15px; }

.fl-suggested-actions__message-text {
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0; }

.fl-suggested-actions__checkbox {
  margin-bottom: 15px; }

.fl-suggested-actions__checkbox-label {
  font-size: 0.9rem;
  margin-bottom: 0; }

.fl-suggested-actions__actions {
  display: flex;
  justify-content: space-between;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }

.fl-suggested-actions__actions--has-element-below {
  margin-bottom: 15px; }

.fl-suggested-actions__fine-print {
  font-size: 0.85rem;
  margin-bottom: 0; }

.menu-container {
  position: relative;
  margin-bottom: 80px;
  z-index: 4;
  width: calc(100% - 100px); }

.input-tag {
  width: fit-content;
  height: 24px;
  background-color: grey;
  color: whitesmoke;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 24px;
  padding: 0 12px 0 12px;
  border-radius: 4px; }

.tags {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #d8dde6;
  padding: 4px;
  width: 100%;
  border-radius: 0.25rem;
  height: auto;
  overflow: hidden;
  max-height: 100%;
  transition: max-height 0.15s ease-out; }
  .tags.inline {
    flex-wrap: nowrap;
    white-space: nowrap; }
  .tags.show {
    max-height: 100%;
    transition: max-height 0.25s ease-in;
    height: auto;
    transition: height ease-in-out 2s; }
  .tags.highlightFirst div:nth-child(1) span.tag:first-of-type {
    color: white;
    background-color: #009bf3; }

.tags span.tag {
  display: block;
  float: left;
  color: #009bf3;
  background: white;
  padding: 5px 10px;
  border: 2px solid #009bf3;
  margin: 5px;
  border-radius: 50px;
  font-size: 12px;
  cursor: pointer; }
  .tags span.tag:hover {
    border: 3px solid #009bf3;
    margin: 4px; }
  .tags span.tag .tag-body {
    cursor: pointer; }
    .tags span.tag .tag-body:hover {
      opacity: 0.7; }
    .tags span.tag .tag-body.no-hover:hover {
      opacity: 1;
      cursor: default; }
  .tags span.tag .tag-close {
    cursor: pointer;
    margin-left: 6px; }
    .tags span.tag .tag-close:hover {
      color: black; }
  .tags span.tag.no-hover:hover {
    border: 2px solid #009bf3;
    color: #009bf3;
    margin: 5px;
    opacity: 1;
    cursor: default; }

.tag-search {
  position: relative;
  display: inline-block; }

.tag-search:focus-within .tag-container {
  visibility: visible; }

.tag-search input {
  background: #eee;
  border: 0;
  margin: 7px;
  padding: 7px;
  width: 120px;
  height: 24px;
  border-radius: 0.25rem; }
  .tag-search input.error {
    color: red; }

.tag-search .tag-container {
  visibility: hidden;
  position: fixed;
  background: white;
  box-shadow: 3px 3px 8px whitesmoke;
  min-width: 360px;
  transform: translateX(-37%);
  border: 1px solid whitesmoke;
  padding: 15px; }
  .tag-search .tag-container:hover {
    visibility: visible; }

.tag-container--title {
  padding-left: 5px;
  padding-bottom: 8px; }

.tag-search .container-element {
  min-width: inherit;
  width: inherit;
  background-color: #eee;
  border: 1px solid gray;
  height: 100%; }

.filter-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding-bottom: 40px;
  z-index: 4; }

.filter-tags-card {
  border-radius: 8px;
  width: 94%; }
  .filter-tags-card:hover {
    height: auto; }

.filter-input-wrapper {
  letter-spacing: -0.3px;
  box-shadow: 5px 3px 5px lightgrey;
  border-radius: 58px;
  background: white;
  padding: 0 28px; }

.tags-container {
  display: flex;
  max-height: 46px;
  transition: max-height 2s ease-in-out;
  overflow: hidden; }
  .tags-container:hover {
    max-height: 500px;
    transition: max-height 2.7s ease-in-out; }

.filter-tags--btn {
  padding-left: 21px;
  padding-top: 7px;
  padding-right: 21px; }

.fl-cancelsub-iframe {
  width: 470px;
  height: 680px;
  border: none; }

.fl-center-iframe {
  width: 100%;
  text-align: center; }

.fl-header-borderless {
  border-bottom: none; }

.fl-close-hang-right {
  float: right;
  cursor: pointer; }

/**
 * BRAND COLOURS
 * use these if you are doing a primary colour anywhere.
 * if you need to do shades of any of these (to represent state or variations for a clear purpose), refer to the style guide:
 *
 */
/**
 * BRAND SHADES
 */
/**
 * Borders
 */
/**
 * Toolbar
 */
.bkg--purple {
  background-color: #7b35ef; }

.bkg--green {
  background-color: #4ad260; }

.bkg--lt--green {
  background-color: #9ddba0; }

.bkg--red {
  background-color: #ff7448; }

.bkg--lt--red {
  background-color: #ffeae4; }

.bkg--orange {
  background-color: #fdaf11; }

.bkg--white {
  background-color: white; }

.bkg--blackgrey {
  background-color: #1e2532; }

.bkg--grey {
  background-color: #f0f2f7;
  height: 100vh; }

.bkg--subheadergrey {
  background-color: #2f384a; }

.purple--grad {
  background: linear-gradient(112deg, #7b47ea 0%, #5d2bc7 100%); }

.blue--grad {
  background-image: linear-gradient(106deg, #009bf3 0%, #0870bb 100%); }

.grey-grad {
  background-image: linear-gradient(-45deg, #1e2532 0%, #646f85 100%); }

.account-status {
  display: inline-block;
  text-align: center;
  border-radius: 2px;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem; }

@keyframes fade-In {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.switch-text {
  pointer-events: none;
  font-weight: 700; }

.cap-case {
  text-transform: capitalize; }

.min-w--10rem {
  min-width: 10rem; }

.annual-save {
  transform: translate(27px, 12px);
  position: static;
  color: #009bf3;
  font-weight: 700; }

.curl-arrow-div {
  transform: translate(0px, -1px);
  position: static; }
  .curl-arrow-div.second-arrow {
    transform: translate(-5px, -27px); }
  .curl-arrow-div.third-arrow {
    transform: translate(-10px, -53px); }

.column-highlight {
  background-color: #f0f2f7;
  border-left: 1px solid #009bf3;
  border-right: 1px solid #009bf3;
  box-shadow: 15px 17px 31px 0px #b9c1ce; }
  .column-highlight.col--top {
    border-top: 1px solid #009bf3;
    border-radius: 0 4px 0 4px; }
  .column-highlight.subheader {
    background-color: #d8dde6; }

/* The long-switch - the box around the long-slider */
.long-switch {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 51px; }

/* Hide default HTML checkbox */
.long-switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The long-slider */
.long-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #33b5fe;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.long-slider:before {
  position: absolute;
  content: '';
  height: 43px;
  width: 91px;
  left: 5px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

input:checked + .long-slider {
  background-color: #33b5fe; }

input:focus + .long-slider {
  box-shadow: 0 0 1px #33b5fe; }

input:checked + .long-slider:before {
  -webkit-transform: translateX(78px);
  -ms-transform: translateX(78px);
  transform: translateX(78px); }

/* Rounded sliders */
.long-slider.round {
  border-radius: 34px; }

.long-slider.round:before {
  border-radius: 34px; }

.wrap-table {
  width: 100%;
  overflow: auto; }

/**
Subscription Table CSS
*/
table#change-subscription {
  width: fit-content;
  display: none;
  background-color: #fff;
  background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
  background-position: left center, right center, left center, right center;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
  background-attachment: local, local, scroll, scroll;
  opacity: 0;
  animation: fade-In 0.5s ease-in-out forwards; }
  table#change-subscription.show {
    display: table; }
  table#change-subscription thead {
    display: block;
    width: fit-content;
    height: 100%;
    text-align: center; }
    table#change-subscription thead tr {
      width: 100%;
      min-height: 32px; }
      table#change-subscription thead tr td {
        min-width: 260px;
        max-width: 260px;
        margin-right: 12px; }
        table#change-subscription thead tr td:first-child {
          min-width: 280px;
          max-width: 280px; }
        table#change-subscription thead tr td.description {
          font-size: 13px;
          font-weight: 300;
          vertical-align: text-top;
          padding: 0 20px; }
        table#change-subscription thead tr td.price-desc {
          height: 24px;
          font-weight: 700;
          color: #009bf3;
          text-align: left; }
        table#change-subscription thead tr td.price {
          color: #1e2532;
          font-weight: 700; }
        table#change-subscription thead tr td div.membership {
          display: flex;
          justify-content: center;
          height: 64px;
          padding: 18px 0; }
        table#change-subscription thead tr td div.btn-container {
          height: calc(24px* 2.5);
          display: flex;
          justify-content: center;
          margin-top: 18px; }
  table#change-subscription tbody {
    width: fit-content;
    display: block;
    overflow-y: overlay;
    background-image: linear-gradient(to top, white, white), linear-gradient(to top, white, white), linear-gradient(to top, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
    background-position: bottom center, top center, bottom center, top center;
    background-color: white;
    background-repeat: no-repeat;
    background-size: 100% 60px, 100% 60px, 100% 40px, 100% 40px;
    background-attachment: local, local, scroll, scroll; }
    table#change-subscription tbody tr {
      min-height: 32px;
      border-bottom: 1px solid #d8dde6;
      min-width: 280px; }
      table#change-subscription tbody tr.subheader {
        min-width: 280px;
        max-width: 280px;
        text-align: left;
        background-color: #d8dde6;
        color: #009bf3;
        font-weight: 700; }
      table#change-subscription tbody tr:last-child {
        margin-bottom: 18px; }
        table#change-subscription tbody tr:last-child td.column-highlight {
          border-bottom: 1px solid #009bf3; }
      table#change-subscription tbody tr td {
        min-width: 260px;
        max-width: 260px;
        text-align: center;
        margin-right: 12px; }
        table#change-subscription tbody tr td:first-child {
          min-width: 280px;
          max-width: 280px;
          text-align: left; }
        table#change-subscription tbody tr td.name {
          color: #1e2532; }

/** alert modal  start*/
.fl-modal--processing {
  display: flex;
  justify-content: center;
  font-size: 36px;
  color: #4a5468;
  padding-bottom: 24px; }

.sub-text {
  display: flex;
  justify-content: center;
  font-size: 18px;
  color: #4a5468;
  padding-bottom: 24px; }

/** alert modal  end*/
.link-to-green {
  color: #0ed073;
  font-size: 14px;
  padding-top: 18px;
  margin-left: 36px; }
  .link-to-green:hover {
    color: #00b388; }

/**
Modified subscription block
*/
.subscription-block {
  display: block;
  min-height: 45px; }
  .subscription-block .subscription-row {
    display: flex; }
    .subscription-block .subscription-row .info-block {
      display: flex;
      max-width: 846px;
      width: 100%;
      justify-content: space-evenly;
      margin-top: 24px;
      margin-bottom: 32px; }
      .subscription-block .subscription-row .info-block .info-column {
        display: flex;
        flex-direction: column; }

.downgrade-alert {
  max-width: 1055px;
  min-height: 447px;
  top: 25%;
  padding: 0; }
  .downgrade-alert__header {
    width: 100%;
    height: 73px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #c93642; }
    .downgrade-alert__header-title {
      display: flex;
      align-items: center;
      margin-bottom: 0;
      color: #ffffff;
      font-size: 26px;
      font-weight: 700; }
      .downgrade-alert__header-title-icon {
        margin-right: 13px; }
    .downgrade-alert__header-btns button:hover {
      cursor: pointer; }
    .downgrade-alert__header-btns-continue {
      background-color: transparent;
      color: #ffffff;
      border: 1px solid #ffffff;
      border-radius: 6px;
      font-size: 20px;
      line-height: normal;
      font-weight: 400;
      padding: 10px 32px;
      margin-right: 24px; }
    .downgrade-alert__header-btns-cancel {
      background-color: #0ed073;
      color: #ffffff;
      border: 1px solid #0ed073;
      border-radius: 6px;
      font-size: 20px;
      line-height: normal;
      font-weight: 700;
      padding: 10px; }
  .downgrade-alert__body {
    margin-top: 15px; }
    .downgrade-alert__body-title {
      padding-left: 67px;
      padding-right: 60px;
      font-size: 24px;
      font-weight: 400;
      margin-bottom: 24px; }
    .downgrade-alert__body-content-block {
      padding-left: 67px;
      padding-right: 60px;
      font-size: 20px;
      font-weight: 400;
      line-height: normal;
      color: #000; }
      .downgrade-alert__body-content-block + .downgrade-alert__body-content-block {
        margin-top: 24px; }
      .downgrade-alert__body-content-block--warn {
        color: #c93642;
        font-weight: 700; }

.downgrade-process {
  max-width: 1055px;
  min-height: 447px;
  top: 25%;
  padding: 0; }
  .downgrade-process__header {
    width: 100%;
    height: 73px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #9aa5b5; }
    .downgrade-process__header-title {
      display: flex;
      align-items: center;
      margin-bottom: 0;
      color: #ffffff;
      font-size: 26px;
      font-weight: 700; }
      .downgrade-process__header-title-icon {
        margin-right: 13px; }
    .downgrade-process__header-btns button:hover {
      cursor: pointer; }
    .downgrade-process__header-btns-cancel {
      background-color: transparent;
      color: #ffffff;
      border: 1px solid #ffffff;
      border-radius: 6px;
      font-size: 20px;
      line-height: normal;
      font-weight: 400;
      padding: 10px 32px;
      margin-right: 16px; }
      .downgrade-process__header-btns-cancel.disabled {
        pointer-events: none;
        cursor: initial; }
    .downgrade-process__header-btns-continue {
      background-color: #f43b46;
      color: #ffffff;
      border: 1px solid #f43b46;
      border-radius: 6px;
      font-size: 20px;
      line-height: normal;
      font-weight: 700;
      padding: 10px 25px; }
      .downgrade-process__header-btns-continue.disabled {
        pointer-events: none;
        cursor: initial;
        background-color: #fbb1b5;
        border-color: #fbb1b5; }
    .downgrade-process__header-btns-close {
      background-color: #0ed073;
      color: #ffffff;
      border: 1px solid #0ed073;
      border-radius: 6px;
      font-size: 20px;
      line-height: normal;
      font-weight: 700;
      padding: 10px; }
  .downgrade-process__body {
    margin-top: 30px; }
    .downgrade-process__body--mt-15 {
      margin-top: 15px; }
    .downgrade-process__body-title {
      font-size: 30px;
      text-align: center;
      margin-bottom: 60px; }
    .downgrade-process__body-content-block {
      padding-left: 67px;
      padding-right: 60px;
      font-size: 20px;
      font-weight: 400;
      line-height: normal;
      color: #000; }
      .downgrade-process__body-content-block + .downgrade-process__body-content-block {
        margin-top: 24px; }
      .downgrade-process__body-content-block--warn {
        color: #c93642;
        font-weight: 700; }
    .downgrade-process__body-projects-table {
      margin: 0 auto;
      width: 50%;
      border-collapse: collapse;
      border: 1px solid #9aa5b5;
      text-align: center;
      max-height: 236px; }
      .downgrade-process__body-projects-table thead {
        display: block;
        background-color: #9aa5b5;
        color: #ffffff; }
        .downgrade-process__body-projects-table thead tr {
          display: table;
          width: 100%;
          table-layout: fixed; }
        .downgrade-process__body-projects-table thead th {
          position: sticky;
          top: 0; }
      .downgrade-process__body-projects-table tbody {
        display: block;
        max-height: 209px;
        overflow-y: auto; }
        .downgrade-process__body-projects-table tbody tr {
          display: table;
          width: 100%;
          table-layout: fixed; }
          .downgrade-process__body-projects-table tbody tr:nth-child(even) {
            background-color: rgba(154, 165, 181, 0.1); }
      .downgrade-process__body-projects-table input[type='checkbox'] {
        position: relative;
        top: 0;
        left: 0; }
        .downgrade-process__body-projects-table input[type='checkbox']:hover {
          cursor: pointer; }
    .downgrade-process__body-map-upsell-btn {
      width: 814px;
      margin: 0 auto;
      padding-top: 17px;
      padding-bottom: 15px;
      color: #ffffff;
      background-color: #0ed073;
      border-radius: 20px;
      border: none;
      outline: none;
      box-shadow: none; }
    .downgrade-process__body--flex {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      .downgrade-process__body--flex .downgrade-process__body-content-block {
        margin-top: 0;
        margin-bottom: 0; }
  .downgrade-process__choice-btns {
    margin-top: 30px;
    display: flex;
    justify-content: center; }
  .downgrade-process__choice-btn {
    display: flex;
    flex-direction: column;
    width: 450px;
    height: 173px;
    padding-top: 26px;
    padding-left: 27px;
    padding-right: 15px;
    border: 1px solid #4a5468;
    border-radius: 20px;
    transition: all 0.3s; }
    .downgrade-process__choice-btn:hover, .downgrade-process__choice-btn.selected {
      cursor: pointer; }
      .downgrade-process__choice-btn:hover.propose, .downgrade-process__choice-btn.selected.propose {
        background-color: rgba(14, 208, 115, 0.1);
        border-color: #0ed073; }
      .downgrade-process__choice-btn:hover.downgrade, .downgrade-process__choice-btn.selected.downgrade {
        background-color: rgba(244, 59, 70, 0.1);
        border-color: #f43b46; }
    .downgrade-process__choice-btn.propose .downgrade-process__choice-btn-text--price {
      color: #0ed073;
      font-weight: 700;
      text-align: center;
      margin-bottom: 16px;
      margin-top: auto; }
    .downgrade-process__choice-btn.downgrade .downgrade-process__choice-btn-text--price {
      color: #f43b46;
      font-weight: 700;
      text-align: center;
      margin-bottom: 16px;
      margin-top: auto; }
    .downgrade-process__choice-btn + .downgrade-process__choice-btn {
      margin-left: 36px; }
    .downgrade-process__choice-btn-title {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 6px;
      color: #000;
      font-size: 18px;
      line-height: 30px;
      font-weight: 700; }
      .downgrade-process__choice-btn-title-icon {
        margin-right: 13px; }
    .downgrade-process__choice-btn-text {
      margin-bottom: 0;
      color: #000;
      font-size: 16px;
      line-height: normal;
      font-weight: 400; }

.cancel-modal {
  max-width: 965px;
  min-height: 486px;
  top: 25%;
  padding: 0; }
  .cancel-modal__header {
    width: 100%;
    height: 73px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #9aa5b5; }
    .cancel-modal__header-title {
      display: flex;
      align-items: center;
      margin-bottom: 0;
      color: #ffffff;
      font-size: 26px;
      font-weight: 700; }
      .cancel-modal__header-title-icon {
        margin-right: 13px; }
    .cancel-modal__header-btns button:hover {
      cursor: pointer; }
    .cancel-modal__header-btns-cancel {
      background-color: transparent;
      color: #ffffff;
      border: 1px solid #ffffff;
      border-radius: 6px;
      font-size: 20px;
      line-height: normal;
      font-weight: 400;
      padding: 10px 32px;
      margin-right: 16px; }
      .cancel-modal__header-btns-cancel.disabled {
        pointer-events: none;
        cursor: initial; }
    .cancel-modal__header-btns-continue {
      background-color: #f43b46;
      color: #ffffff;
      border: 1px solid #f43b46;
      border-radius: 6px;
      font-size: 20px;
      line-height: normal;
      font-weight: 700;
      padding: 10px 25px; }
      .cancel-modal__header-btns-continue.disabled {
        pointer-events: none;
        cursor: initial;
        background-color: #fbb1b5;
        border-color: #fbb1b5; }
    .cancel-modal__header-btns-close {
      background-color: #0ed073;
      color: #ffffff;
      border: 1px solid #0ed073;
      border-radius: 6px;
      font-size: 20px;
      line-height: normal;
      font-weight: 700;
      padding: 10px; }
  .cancel-modal__body {
    margin-top: 30px; }
    .cancel-modal__body--mt-15 {
      margin-top: 15px; }
    .cancel-modal__body-title {
      font-size: 30px;
      text-align: center;
      margin-bottom: 60px; }
    .cancel-modal__body-content-block {
      padding-left: 67px;
      padding-right: 60px;
      font-size: 20px;
      font-weight: 400;
      line-height: normal;
      color: #000; }
      .cancel-modal__body-content-block + .cancel-modal__body-content-block {
        margin-top: 24px; }
      .cancel-modal__body-content-block--warn {
        color: #c93642;
        font-weight: 700; }
    .cancel-modal__body-map-upsell-btn {
      width: 814px;
      margin: 0 auto;
      padding-top: 17px;
      padding-bottom: 15px;
      color: #ffffff;
      background-color: #0ed073;
      border-radius: 20px;
      border: none;
      outline: none;
      box-shadow: none; }
      .cancel-modal__body-map-upsell-btn:hover {
        cursor: pointer; }
      .cancel-modal__body-map-upsell-btn.disabled {
        opacity: 0.5;
        cursor: none;
        pointer-events: none; }
    .cancel-modal__body--flex {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      .cancel-modal__body--flex .cancel-modal__body-content-block {
        margin-top: 0;
        margin-bottom: 0; }
  .cancel-modal .checkbox-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
    padding-left: 67px;
    padding-right: 67px; }
    .cancel-modal .checkbox-footer--confirm {
      color: #4a5468;
      margin-bottom: 0;
      padding-left: 30px;
      font-size: 16px;
      line-height: normal;
      cursor: pointer;
      position: relative;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      /* Create the checkmark/indicator (hidden when not checked) */
      /* Show the checkmark when checked */
      /* Style the checkmark/indicator */ }
      .cancel-modal .checkbox-footer--confirm .checkbox {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
        top: 0;
        left: 0; }
      .cancel-modal .checkbox-footer--confirm .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 19px;
        width: 19px;
        background-color: #ffffff;
        border: 1px solid #1e2532; }
      .cancel-modal .checkbox-footer--confirm .checkmark:after {
        content: '';
        position: absolute;
        display: none; }
      .cancel-modal .checkbox-footer--confirm input:checked ~ .checkmark:after {
        display: block; }
      .cancel-modal .checkbox-footer--confirm .checkmark:after {
        border-radius: 0;
        left: 5px;
        top: 1px;
        width: 7px;
        height: 14px;
        border: solid #1e2532;
        border-width: 0px 3px 3px 0px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    .cancel-modal .checkbox-footer #close-modal-link {
      margin-top: 24px;
      margin-bottom: 31px;
      text-decoration: underline;
      color: #f43b46;
      cursor: pointer;
      font-size: 18px;
      line-height: normal;
      font-weight: 700; }
      .cancel-modal .checkbox-footer #close-modal-link.disabled {
        color: #9aa5b5;
        opacity: 0.5;
        cursor: none;
        pointer-events: none; }

.fl-notify {
  display: flex;
  justify-content: end;
  font-size: 12px;
  width: 74%;
  position: relative;
  color: red;
  transition: opacity 0.6s ease-in;
  opacity: 0; }
  .fl-notify.show {
    opacity: 1; }

.funnel-list-btn-container {
  display: flex;
  column-gap: 8px;
  margin: 31px 0 24px; }

.funnel-list-btn {
  width: 200px;
  height: 60px;
  border-radius: 4px;
  border: 0;
  text-align: center;
  line-height: 60px;
  color: white;
  font-size: 1rem;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  cursor: pointer; }
  .funnel-list-btn:focus {
    outline: none; }
  .funnel-list-btn__new {
    background-color: #009bf3; }

.tutorial-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  width: 200px;
  height: 60px;
  border-radius: 4px;
  border: 0;
  text-align: center;
  line-height: 60px;
  color: white;
  font-size: 1rem;
  letter-spacing: 0.05em;
  font-family: 'Roboto', sans-serif;
  cursor: pointer;
  background-color: #934dff; }
  .tutorial-btn__small {
    width: 200px;
    height: 32px;
    line-height: 32px; }
    .tutorial-btn__small .tutorial-btn-icon {
      width: 20px;
      height: 20px; }

.navbar-btn-container {
  display: flex;
  flex-direction: row;
  margin-left: 18px;
  column-gap: 18px; }
  .navbar-btn-container .navbar-btn {
    height: 32px;
    width: 175px;
    text-align: center;
    border-radius: 4px;
    line-height: 32px;
    font-size: 1rem; }
    .navbar-btn-container .navbar-btn__primary {
      background: #20a8fb; }
      .navbar-btn-container .navbar-btn__primary a, .navbar-btn-container .navbar-btn__primary a:hover {
        color: white; }
    .navbar-btn-container .navbar-btn:hover {
      cursor: pointer; }

.fl-multi-select__list {
  list-style: none;
  padding: 0; }

.fl-multi-select__item-button {
  border: none;
  background: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0.75rem;
  cursor: pointer; }

.fl-multi-select__checkbox {
  cursor: pointer;
  pointer-events: none; }

.fl-multi-select__item {
  background-color: #fff; }
  .fl-multi-select__item:nth-child(odd) {
    background-color: #fbfbfe; }

.fl-multi-select__item-secondary {
  color: #9aa5b5; }

.fl-multi-select__list-heading {
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem 0;
  color: #9aa5b5; }

.fl-search-field {
  font-size: 0.875rem;
  color: #9aa5b5;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #d6dee6; }

.fl-search-field__svg {
  fill: currentColor;
  width: 0.75rem;
  height: 0.75rem; }

.fl-search-field__input {
  padding-left: 0.75rem;
  border: none;
  outline: none; }

.reusable__info-text {
  font-size: 0.85rem;
  color: #636e84; }

.offer-component .vault-offer {
  height: auto;
  min-height: 100vh; }

.offer-component .sell-header {
  max-width: 1024px;
  padding: 0 20px;
  margin: 0 auto 20px; }

.offer-component .wd--50 {
  width: 100%;
  max-width: 720px;
  padding: 0 20px;
  font-size: 18px; }

.offer-component .fl--m--auto {
  margin: 0 auto 20px; }

.offer-component .video-player {
  height: 500px; }

.offer-component .video-player.center {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px; }

.offer-component .order-cta {
  max-width: 800px;
  margin: 40px auto;
  padding: 0 20px; }

@media only screen and (max-width: 767px) {
  .offer-component .video-player {
    height: 200px; }
  .offer-component .activate-pro.blue {
    width: 100%; } }

.joint-free-transform {
  z-index: 48; }
  .joint-free-transform.joint-theme-default {
    border: none; }
    .joint-free-transform.joint-theme-default div {
      border: 1px solid #249ecf;
      background-color: transparent; }
      .joint-free-transform.joint-theme-default div.in-operation {
        background-color: transparent; }
      .joint-free-transform.joint-theme-default div.nw, .joint-free-transform.joint-theme-default div.ne, .joint-free-transform.joint-theme-default div.se, .joint-free-transform.joint-theme-default div.sw {
        background: white;
        border: 2px solid #ec4a8e;
        width: 10px;
        border-radius: 3px;
        height: 10px; }

.joint-free-transform.joint-theme-default .nw {
  cursor: nwse-resize; }

.joint-free-transform.joint-theme-default .ne {
  cursor: nesw-resize; }

.joint-free-transform.joint-theme-default .sw {
  cursor: nesw-resize; }

.joint-free-transform.joint-theme-default .se {
  cursor: nwse-resize; }

.joint-free-transform.joint-theme-default[data-type^='funnel_steps'] .nw {
  left: -3px;
  top: -2px;
  cursor: nwse-resize;
  transform: translateX(-50%) translateY(-50%); }

.joint-free-transform.joint-theme-default[data-type^='funnel_steps'] .ne {
  top: -2px;
  right: -5px;
  cursor: nesw-resize;
  transform: translateX(50%) translateY(-50%); }

.joint-free-transform.joint-theme-default[data-type^='funnel_steps'] .sw {
  bottom: -4px;
  left: -3px;
  cursor: nesw-resize;
  transform: translateX(-50%) translateY(50%); }

.joint-free-transform.joint-theme-default[data-type^='funnel_steps'] .se {
  bottom: -4px;
  right: -5px;
  cursor: nwse-resize;
  transform: translateX(50%) translateY(50%); }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(180deg);'] [data-position='top-left'] {
  left: -11px;
  top: -10px; }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(180deg);'] [data-position='top-right'] {
  top: -10px;
  right: -8px; }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(180deg);'] [data-position='bottom-left'] {
  bottom: -7px;
  left: -11px; }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(180deg);'] [data-position='bottom-right'] {
  bottom: -7px;
  right: -8px; }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(270deg);'] [data-position='top-left'] {
  left: -10px;
  top: -8px; }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(270deg);'] [data-position='top-right'] {
  top: -8px;
  right: -7px; }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(270deg);'] [data-position='bottom-left'] {
  bottom: -10px;
  left: -10px; }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(270deg);'] [data-position='bottom-right'] {
  bottom: -10px;
  right: -7px; }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(0deg);'] [data-position='top-left'] {
  left: -8px;
  top: -7px; }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(0deg);'] [data-position='top-right'] {
  top: -7px;
  right: -10px; }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(0deg);'] [data-position='bottom-left'] {
  bottom: -9px;
  left: -8px; }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(0deg);'] [data-position='bottom-right'] {
  bottom: -9px;
  right: -10px; }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(90deg);'] [data-position='top-left'] {
  left: -8px;
  top: -10px; }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(90deg);'] [data-position='top-right'] {
  top: -11px;
  right: -9px; }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(90deg);'] [data-position='bottom-left'] {
  bottom: -8px;
  left: -7px; }

.joint-free-transform.joint-theme-default[data-type^='standard'][style*='transform: rotate(90deg);'] [data-position='bottom-right'] {
  bottom: -8px;
  right: -9px; }

.text-editor__wrapper--hide-text-selection tspan::selection {
  background-color: transparent; }

.in-out-step--in:hover {
  fill: url(#paint0_linear--hover); }

.in-out-step--out:hover {
  fill: url(#paint1_linear--hover); }

.in-out-step--in,
.in-out-step--out {
  display: none;
  transition: all 0.9s ease-in-out; }

[joint-selector='text'] {
  font-size: 12px; }

.scrollable-users-view {
  height: calc(100vh - 140px);
  overflow-y: auto; }

.users-table {
  table-layout: fixed;
  width: 90%; }
  .users-table tr > th:nth-child(1) {
    width: 15%; }
  .users-table tr > th:nth-child(2) {
    width: 15%; }
  .users-table tr > th:nth-child(3) {
    width: 10%; }
  .users-table tr > th:nth-child(4) {
    width: 8%; }
  .users-table tr > th:nth-child(5) {
    width: 8%; }
  .users-table tr > th:nth-child(6) {
    width: 8%; }
  .users-table tr > th:nth-child(7) {
    width: 8%; }

.black-friday__container {
  position: relative;
  background: #fff;
  background-image: url("/assets/bf_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  font-family: "Roboto", Sans-serif;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  height: 100%;
  width: 100%; }
  .black-friday__container .upsell-yearly-modal__error {
    max-width: 800px; }

.black-friday__video {
  width: 100%;
  height: 640px; }

.black-friday__banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  background-color: #009bf3;
  color: #fff;
  padding: 0.5rem;
  text-align: center; }
  .black-friday__banner-logo {
    color: #fff;
    width: 2.5rem;
    height: 2.5rem; }
  .black-friday__banner h2 {
    font-weight: bold;
    margin-bottom: 0; }

.black-friday__content {
  z-index: 100;
  padding-left: 5rem;
  padding-right: 5rem;
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  justify-items: start; }
  .black-friday__content h1 {
    color: #1e2532;
    text-align: center;
    margin-bottom: 25px; }
  .black-friday__content h2 {
    color: #1e2532;
    text-align: center;
    margin-bottom: 0; }
  .black-friday__content #decline {
    display: block;
    text-align: center;
    color: #009bf3;
    text-decoration: underline;
    margin-top: 20px;
    font-size: 1em; }
    .black-friday__content #decline:hover {
      cursor: pointer;
      color: #4a5468; }

.black-friday__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem; }
  .black-friday__cta-button {
    width: fit-content;
    display: inline-block;
    padding: 15px 30px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    /* White text */
    background-color: #0ed073;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    margin-top: 20px;
    text-decoration: none;
    transition: all 0.3s; }
    .black-friday__cta-button:hover {
      background-color: #0bda77; }
  .black-friday__cta-text {
    text-align: center;
    color: #1e2532;
    font-size: 18px; }

.black-friday__plan {
  margin-top: 1.25rem;
  display: flex;
  justify-content: center;
  width: 100%; }
  .black-friday__plan-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    max-width: 500px;
    border: 1px solid #afadad;
    border-radius: 8px;
    padding: 1rem;
    background-color: #fff; }
    .black-friday__plan-card-title h4 {
      margin-bottom: 0;
      font-weight: bold; }
    .black-friday__plan-card-title p {
      text-align: center; }
    .black-friday__plan-card-description {
      background-color: #934cff;
      padding: 0.5rem;
      margin-bottom: 0.75rem; }
      .black-friday__plan-card-description p {
        color: white;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 0;
        text-align: center; }
    .black-friday__plan-card-price {
      display: flex;
      align-items: baseline;
      gap: 0.5rem; }
      .black-friday__plan-card-price .price-big {
        font-size: 48px;
        line-height: 1;
        color: #262626;
        text-decoration: line-through; }
      .black-friday__plan-card-price .price-big-promo {
        font-size: 48px;
        line-height: 1;
        font-weight: bold;
        color: #f43b46; }
      .black-friday__plan-card-price .price-small {
        font-size: 14px;
        line-height: 1.5;
        color: #94a3b8; }
    .black-friday__plan-card-features-subtitle {
      width: 100%;
      justify-self: start;
      font-weight: bold;
      margin-bottom: 0.25rem; }
    .black-friday__plan-card-features-list {
      list-style-image: url("/assets/checkmark-circle.svg"); }
      .black-friday__plan-card-features-list li {
        padding-left: 4px; }
    .black-friday__plan-card-badge {
      display: flex;
      gap: 1rem;
      align-items: center; }
      .black-friday__plan-card-badge-img {
        width: 120px;
        height: 120px; }
      .black-friday__plan-card-badge-text {
        display: flex;
        flex-direction: column;
        font-size: 1rem; }

@media (max-width: 1024px) {
  .black-friday__container {
    gap: 1.5rem; }
    .black-friday__container h2 {
      font-size: 1.25rem; }
  .black-friday__content {
    padding-left: 2rem;
    padding-right: 2rem; }
    .black-friday__content h1 {
      font-size: 1.5rem;
      margin-bottom: 12px; }
  .black-friday__video {
    width: 100%;
    max-height: 480px; } }

@media (max-width: 768px) {
  .black-friday__container {
    gap: 1rem; }
    .black-friday__container h2 {
      font-size: 1rem; }
  .black-friday__content {
    padding-left: 1rem;
    padding-right: 1rem; }
    .black-friday__content h1 {
      font-size: 1.25rem;
      margin-bottom: 12px; }
  .black-friday__video {
    width: 100%;
    max-height: 260px; } }

.grecaptcha-badge {
  visibility: hidden; }

html {
  font-size: 16px;
  overflow-y: auto; }

a:hover {
  text-decoration: none; }

.modal-backdrop {
  display: none; }

/*
input::-webkit-input-placeholder {
    color: red;
}
*/
.no-overscroll-x {
  overscroll-behavior-x: none; }

.grabbing {
  cursor: grabbing !important; }
  .grabbing .joint-element,
  .grabbing .connection-wrap,
  .grabbing .joint-selection,
  .grabbing .handle,
  .grabbing .link-tools,
  .grabbing .left-sidebar__container,
  .grabbing .left-sidebar__icon,
  .grabbing div,
  .grabbing a,
  .grabbing button {
    cursor: grabbing !important; }

#icon-drag-follower {
  position: absolute;
  display: inline-block;
  z-index: 1000000;
  pointer-events: none;
  width: 60px;
  opacity: 0.6; }
  #icon-drag-follower img {
    max-width: 100%;
    max-height: 100%; }

.card {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  transition: 0.15s box-shadow ease-in-out;
  margin-bottom: 45px;
  position: relative;
  border-radius: 0.25rem; }
  .card:hover .overlay {
    opacity: 1; }
  .card .overlay {
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    margin: -1px;
    border-radius: 0.25rem;
    opacity: 0;
    transition: 0.15s opacity ease-in-out; }
  .card .actions {
    float: left;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 100%;
    transform: translateX(-100%); }
    .card .actions .action {
      color: #565b5d;
      padding: 15px;
      display: inline-block;
      font-size: 32px;
      cursor: pointer;
      transition: 0.15s color ease-in-out; }
      .card .actions .action:hover {
        color: #249ecf; }
  .card .card-img-top {
    height: 180px;
    padding: 10px; }
    .card .card-img-top .unsupported {
      font-size: 16px;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
    .card .card-img-top .preview {
      height: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      margin: 0 auto;
      display: block;
      max-width: 100%;
      max-height: 100%;
      pointer-events: none; }
  .card .card-body .card-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .card:hover {
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }

.sidebar {
  background: #252d3d;
  overflow-y: auto;
  padding: 0px 0 75px;
  height: 100vh; }
  .sidebar.active {
    background-color: red !important; }
  .sidebar .nav-pills .nav-link {
    padding: 10px 20px;
    color: #a5a8ad; }
    .sidebar .nav-pills .nav-link.active {
      border-radius: 0; }
  .sidebar .nav-link.feedback {
    text-align: center;
    display: block;
    font-size: 12px;
    color: black;
    border: 1px solid black;
    width: 80%;
    margin-left: 10%;
    padding: 2px 0;
    border-radius: 2px;
    position: relative;
    padding: 10px 20px;
    margin-top: 25px; }

.container.registered .icon-arrow-right {
  position: relative;
  top: 2px;
  margin-left: 3px; }

.container .preview {
  pointer-events: none; }

.mobile {
  display: none; }

.ember-notify-cn {
  top: 60px;
  bottom: unset !important; }
  .ember-notify-cn .ember-notify {
    border-radius: 0;
    border: none;
    padding: 10px 20px; }

.icons-uploader {
  background: #f6f7fa;
  border-radius: 8px;
  margin: 0.25rem;
  height: 250px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: sans-serif; }
  .icons-uploader.hovering {
    background: #249ecf;
    color: white; }

.countdown {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  position: relative;
  left: 25%;
  width: 50%; }
  .countdown .unit {
    flex: 1;
    height: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .countdown .unit .value {
      font-size: 48px; }

div#hubspot-messages-iframe-container {
  bottom: 0.75rem !important;
  width: 80px;
  height: 80px;
  display: none !important; }

@media (max-device-width: 768px) {
  html .mobile {
    display: block; }
  html .container.registered small {
    font-size: 1rem; } }

.slick-active button {
  background-color: #157efb;
  color: white;
  transition: 0.2s ease-in-out;
  outline: none;
  appearance: none; }

.custom-dot-class li button {
  font-size: 0;
  padding: 1rem; }

.orange--bar {
  background-color: orange;
  display: flex;
  flex-direction: row;
  max-height: 1.75rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 1rem 0; }

.waitlist--button {
  background-color: black;
  color: white;
  padding: 0.2rem 0.5rem;
  border-radius: 25px;
  cursor: pointer; }

.connection__arrowhead {
  transform: translate(0px, 5px) rotate(180deg); }

.connection__arrowhead__solid {
  transform: translate(-11px, -6px) rotate(0deg); }

.simple-title {
  font-size: 1rem;
  letter-spacing: 0.05em;
  padding: 20px 20px 0px 20px; }

.simple-icon-button {
  height: 26px;
  transform: translateY(-5px);
  border: none;
  background: none;
  color: #009bf3;
  cursor: pointer;
  transition: 0.2s transform; }
  .simple-icon-button:focus {
    outline: none; }
  .simple-icon-button:hover {
    transform: translateY(-5px) scale(1.3); }
  .simple-icon-button svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor; }

.shimmerBG {
  animation-duration: 2.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmer;
  animation-timing-function: linear;
  background: #ddd;
  background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%);
  background-size: 1200px 100%; }

@-webkit-keyframes shimmer {
  0% {
    background-position: -100% 0; }
  100% {
    background-position: 100% 0; } }

@keyframes shimmer {
  0% {
    background-position: -1200px 0; }
  100% {
    background-position: 1200px 0; } }
  .shimmerBG .media {
    height: 200px; }
  .shimmerBG .p-32 {
    padding: 32px; }
  .shimmerBG.title-line {
    height: 24px;
    width: 100%;
    margin-bottom: 12px;
    border-radius: 20px; }
  .shimmerBG.content-line {
    height: 100%;
    width: 100%;
    margin-bottom: 16px;
    border-radius: 8px; }
  .shimmerBG.end {
    width: 40%; }

.w-full {
  width: 100%; }

/*# sourceMappingURL=funnelytics.css.map */